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

1、原理
1)wx.cloud.uploadFile()

upload

2)wx.chooseImage()choose imagetype
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、实例体验

Alt

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐