微信小程序云开发之图片上传wx.cloud.uploadFile()

页面按钮

js:使用上传图片之前肯定要先选择图片，所以在此之前要使用wx.chooseImage()选择图片，然后在上传图片

addImg : function(){

wx.chooseImage({//选择图片

      count : 1, //规定选择图片的数量，默认9

      sizeType : [”original”,”compressed”], //规定图片的尺寸，原图/压缩图

      sourceType : [‘album’,’camera’], //从哪里选择图片，相册/相机

      success : (chooseres)=>{ //接口调用成功的时候执行的函数

          //console.log(chooseres);

          //选择图片后可以在这里上传

          wx.cloud.uploadFile({

            cloudPath: "img/" + new Date().getTime() +"-"+ Math.floor(Math.random() * 1000),//云储存的路径及文件名

            filePath : chooseres.tempFilePaths[0], //要上传的图片/文件路径这里使用的是选择图片返回的临时地址

            success : (uploadres) => { //上传图片到云储存成功

              //console.log(uploadres)

              wx.showLoading({ //显示加载提示框不会自动关闭只能wx.hideLoading关闭

                title : “图片上传中”, //提示框显示的提示信息

                mask : true, //显示透明蒙层，防止触摸。为true提示的时候不可以对屏幕进行操作，不写或为false时可以操作屏幕

                success : function () {

                    wx.hideLoading() //让提示框隐藏、消失

                }

              });

            },

            fail : (err) => {

              console.log(err)

            }

          })

      },

      fail : (err) => {

        console.log(err)

      }

})

}