实现文件查看分享
发布于 4 年前 作者 yangdai 511 次浏览 来自 分享

第一步:

通过 wx.downloadFile 先下载网络url文件到本地

注意:在部分安卓手机上不指定本机本地路径(filePath)预览的时候是无后缀名的weixinfile,分享出去是无法打开的

设置filepath好处在分享出去时文件也是正规的文件命名,看着就很舒服,不会出现临时文件一串随机数的情况

第二步:

通过 wx.openDocument 打开文件

是否显示右上角菜单,showMenu默认值是false,此时要设置true


代码示例如下:

const { fileUrl, fileName } = this.data;
// fileUrl : 'https://temp.com/tempfile/tempxxxxx.pdf'
// fileName : 'tempxxxxx'

wx.showLoading({
  title"正在下载中...",
  masktrue
});

wx.downloadFile({
  url: fileUrl,
  filePath`${wx.env.USER_DATA_PATH}/${fileName}.pdf`,
  success(res) => {
    if (res.statusCode === 200) {
      const { filePath, tempFilePath } = res
      console.log(filePath);
      wx.openDocument({
        filePath: filePath,
        showMenutrue,
        success(openres) => {
          console.log('打开文档成功')
        },
        complete() => {
          wx.hideLoading();
        }
      })
    }
  },
  fail(err) => {
    wx.hideLoading();
  }
})
回到顶部