1.wxml文件
1. 写入文本框以获取文件链接。
2. 点击按钮下载文件
<view class="inputContent"> <text>请输入下载链接:</text> <input type="text" bindinput="getContent"></input> </view> <button bindtap="downloadFile" type="primary" >下载文件</button>
二、wxss文件
wxss文件用于设置文本框的显示样式
.inputContent{ margin: 100rpx 20rpx 20rpx 20rpx; } input{ border: 1rpx solid #ccc; margin-top: 20rpx; height: 80rpx; min-height: 80rpx; }
三、js文件
获取输入内容 getContent() 和 downloadFile() 两个函数。 文本框上方输入的是文件的fileID(云存储的路径)
Page({ data:{ fileID :null }, //功能:下载文件(word/excel/ppt/pdf等) //获取输入内容 getContent(e){ console.log(e.detail.value); this.setData({ fileID:e.detail.value }) }, //下载文件 downloadFile(){ let fileID = this.data.fileID //取data里面的fileID if(fileID!=null&&fileID.length>0){ console.log("下载链接",fileID); wx.cloud.downloadFile({ fileID: fileID, success: res => { console.log("文件下载成功",res); wx.showToast({ title: ‘文件下载成功‘, icon:"success", duration:2000 }) }, fail: err => { console.log("文件下载失败",err); } }) }else{ wx.showToast({ title: ‘下载链接为空‘, icon:"none" }) } } })
四、体会
陌陌小程序云开发-云存储-文件下载(word/excel/ppt/pdf)
原来的:
如果您有兴趣,可以看看这些文章:
陌陌小程序预览word、excel、ppt、pdf等文件 小程序获取手机验证码的方式倒计时 陌陌小程序将图片保存到本地
发表评论