在小程序开发的时候,我们需要利用云服务器存储一些文件,比如视频,图片,文档。而将这些文件上传至云服务器是有多种方式的。作为开发者,我们可以选择在开发工具中打开云服务器,在云控制台中上传想要的数据文件,但是这只局限于开发者,往往在日常应用使用的时候我们需要允许用户向云服务器上传一些数据(比如反馈、错误报告)。因此有必要学习从小程序端上传文件到云服务器端的方法。
以上传图片为例:微信提供上传文件的云函数wx.uplioadFile,其中需要用户指定文件的【临时路径】filePath,微信提供chooseImage方法,可以允许用户选择从本地浏览图片上传或者利用拍照功能上传图片,在上传成功后,会返回【临时路径】的数据,利用变量记录此临时路径并传递给uploadFile函数,再在该函数中自定义云存储的位置cloudPath(推荐使用时间戳+文件后缀名作为默认值,不能写死,否则会使文件覆盖)
clickBtn(){
wx.chooseImage({
success: function(res) {
// var tempFilePaths = res.tempFilePaths
var filePath=res.tempFilePaths[0]
this.cloudFile(filePath)
}
})
},
cloudFile(path){
wx.cloud.wx.uploadFile({
cloudPath:Date.now()+".jpg",
//url: '',
filePath: path,
//name: 'file',
})
.then(res=>{
console.log(res);
})
},