微信小程序> 微信小程序之上传图片到云端存储并返回图片地址

微信小程序之上传图片到云端存储并返回图片地址

浏览量:721 时间: 来源:微程序员小五子

让用户选择照片并上传到小程序云端存储空间的代码

1、原理

1)wx.cloud.uploadFile()

小程序

2)wx.chooseImage()小程序小程序

2、整合代码

//JS文件   上传图片函数upload_picture: function(name) {    var that = this    //让用户选择或拍摄一张照片    wx.chooseImage({      count: 1,      sizeType: ['original', 'compressed'],      sourceType: ['album', 'camera'],      success(res) {      //选择完成会先返回一个临时地址保存备用        const tempFilePaths = res.tempFilePaths        //将照片上传至云端需要刚才存储的临时地址        wx.cloud.uploadFile({          cloudPath: 'test.jpg',          filePath: tempFilePaths[0],          success(res) {          //上传成功后会返回永久地址           console.log(res.fileID)           }        })      }    })  }
3、实例体验

小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎