关于wx.downloadFile预览一直请求的解决方案以及踩坑（真机调试和开发没问题）

lbeen～

已于 2023-03-31 16:07:36 修改

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：小程序文章标签：小程序微信小程序

于 2023-03-30 10:09:14 首次发布

本文链接：https://blog.csdn.net/qq_46544185/article/details/129850611

小程序专栏收录该内容

9 篇文章

订阅专栏

文章提供了解决微信小程序在配置合法域名、处理损坏文档、真机与预览差异、清除缓存、文件分享及自定义文件名等方面的解决方案，包括检查URL有效性、协议一致性、使用wx.downloadFile和wx.openDocument函数等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.配置合法域名：网络 | 微信开放文档

2.关于下载的文档打不开（或者已损坏）：检查url是否有效。

3.关于真机和开发时正常，预览时一直加载问题：查看请求的地址和配置的域名，它们协议是否一直（自己踩坑：配置的https,请求的是http），可以尝试关闭合法域名校验进行调试。

4.对于测试，需要清除小程序缓存：（ios删除小程序，重新登录可以清除缓存。）

5.关于预览的文件需要分享：wx.openDocument里设置showMenu: true

6.关于自定义文件名：设置wx.downloadFile的filePath

filePath:wx.env.USER_DATA_PATH+'/'+文件.后缀名
//例如：12345.doc
//需要注意：当设置了filePath后返回的是字段是filePath（没设置的时候为tempFilePath）

7.付完整代码

previewFile(ev) {
    const flieArr = ev.currentTarget.dataset.filename.split('.')
    const fileType = flieArr[flieArr.length - 1]
    wx.showLoading({
      title: '加载中...',
      mask: true
    }),
    wx.downloadFile({
      url: ev.currentTarget.dataset.url,
      filePath:wx.env.USER_DATA_PATH+'/'+ev.currentTarget.dataset.filename,
      success: function (res) {
        const filePath = res.filePath
        wx.openDocument({
          filePath,
          fileType,
          showMenu: true,
          complete:function(){
            wx.hideLoading()
          }
        })
      },
    })
  },