说明 word/excel/ppt/pdf是从客户端会话选择文件。使用chooseMessageFile中选择文件。
一、wxml文件
上传按钮，绑定chooseFile
<!--上传文件（word/excel/ppt/pdf等）到云存储--> <button bindtap="chooseFile" type="primary" >上传文件</button>
二、wxss文件
wxss设置按钮外边距
button{ margin: 30rpx; }
三、js文件
实现文件选择和文件上传的功能
Page({ //功能：上传文件（word/excel/ppt/pdf等）到云存储 //第一步：选择文件 chooseFile(){ let that = this wx.chooseMessageFile({ count: 1, type: \'all\', success (res) { // tempFilePath可以作为img标签的src属性显示图片 const tempFilePaths = res.tempFiles let tempFile = tempFilePaths[0] that.uploadFile(tempFile.name,tempFile.path) } }) }, //第二步：通过uploadFile上传选中的文件 uploadFile(fileName,tempFile){ wx.cloud.uploadFile({ cloudPath:fileName, filePath:tempFile, }) .then(res=>{ console.log("上传成功啦",res); wx.showToast({ title: \'文件上传成功\', icon:"success", duration:2000 }) }) .catch(err=>{ console.log("上传失败啦",err); }) } })
四、效果展示
