wxml:
<view class="bot_fle" wx:for="{{fileList}}" wx:key="index" wx:if="{{file==1}}" >
<view style="width: 70%;" wx:if="{{item.fileSuffix != '.jpg' && item.fileSuffix != '.png'&& item.fileSuffix != '.jpeg'}}" bind:tap="tapOpenFile" data-index="{{index}}" data-url="{{item.url}}">{{item.originalName}}</view>
<view style="width: 200rpx;" wx:if="{{item.fileSuffix == '.jpg' || item.fileSuffix == '.png' || item.fileSuffix == '.jpeg'}}" bind:tap="tapPreviewImage" data-index="{{index}}" data-url="{{item.url}}">
<image src="{{item.url}}" mode="widthFix" style="width: 100%;" />
</view>
<view class="botf_ri">
<button type="primary" bindtap="downFile" data-index="{{index}}" data-url="{{item.url}}" size="mini">下载</button>
</view>
</view>
js文件(点击放大):
tapPreviewImage(e) {
let url = e.currentTarget.dataset.url
wx.previewImage({
urls: [url],
current: url
})
},
tapOpenFile(e) {
let url = e.currentTarget.dataset.url
wx.downloadFile({
url: url,
success: function(res) {
const filePath = res.tempFilePath
wx.openDocument({
filePath: filePath,
success: function(res) {
console.log('打开文档成功')
}
})
}
})
},
js(下载功能):
downFile(e) {
var url = e.currentTarget.dataset.url;
//下载文件,生成临时地址
wx.downloadFile({
url: url,
success(res) {
//保存到本地
wx.getFileSystemManager().saveFile({
tempFilePath: res.tempFilePath,
success: function (res) {
const savedFilePath = res.savedFilePath;
// 打开文件
wx.openDocument({
filePath: savedFilePath,
success: function (res) {
console.log('打开文档成功')
},
});
},
fail: function (err) {
console.log('保存失败:', err)
}
});
}
})
},