val：需要预览的图片地址
lookFile(val) {
const url = val;
// 获得后缀名判断类型,如果是图片用ex.previewImage(),如果是视频,用wx.previewMedia(),如果是word文档这些的,用 wx.downloadFile来下载资源后用 wx.saveFile来保存到本地,在用wx.openDocument来打开新的网页,如果打不开的话则返回说到PC端去打开
let index = url.lastIndexOf('.')
let filttype = url.slice(index + 1)
wx.showLoading({
title: '加载中',
mask: true
})
if (['bmp', 'jpg', 'jpeg', 'png', 'gif', 'image'].some(item => item == filttype)) {
wx.previewImage({
current: url, // 当前显示图片的 http 链接
urls: [url], // 需要预览的图片 http 链接列表
success() {
wx.hideLoading()
}
})
} else if (['mp4'].some(item => item == filttype)) {
// console.log(url)
wx.previewMedia({
sources: [{
url: val,
type: 'video'
}], // 需要预览的资源列表
current: 1, // 当前显示的资源序号,
success() {
wx.hideLoading()
}
})
} else if (['zip', 'rar'].some(item => item == filttype)) {
wx.showToast({
title: '不好意思,暂不支持预览,请到pc端查看',
icon: "none"
})
} else {
wx.downloadFile({ //下载
url: val, // 从后端获取的url地址，赋值在标签的data属性上
header: {
"content-type": "application/x-www-form-urlencoded;charset=UTF-8"
},
success: function(res) {
console.log(res)
const tempFilePath = res.tempFilePath;
// return
wx.saveFile({ //保存文件到本地
tempFilePath,
success(res) {
console.log(res)
const savedFilePath = res.savedFilePath;
wx.openDocument({ //新开页面打开文档
filePath: savedFilePath,
showMenu: true,
flieType: filttype,
success: function(res) {
wx.hideLoading()
console.log('打开文档成功')
},
fail: function(err) {
wx.hideLoading()
wx.showToast({
title: '不好意思,暂不支持预览,请到pc端查看',
icon: "none"
})
}
});
},
})
},
fail: function(err) {
wx.showToast({
title: '下载失败',
})
console.log(err)
}
})
}
},
