微信小程序实现点击预览文件过程中遇到的问题

项目场景：

微信小程序实现点击预览文件过程中遇到的问题。

---

解决方案：

1、预览文件需要通过downloadFile先下载再通过openDocument打开文件

   downloadFilePreview (e) {
        wx.showToast({
          title: '打开中…',
          icon: 'loading',
          duration: 100000
        })
        wx.downloadFile({
          url: e.currentTarget.dataset.url, // 这里换上自己的文件地址
          success: function (res) {
            var Path = res.tempFilePath // 返回的文件临时地址，用于后面打开本地预览所用
            var filename = e.currentTarget.dataset.name;
            var index1 = filename.lastIndexOf(".");
            var index2 = filename.length;
            var postf = filename.substring(index1, index2);//后缀名
            var postf1 = postf.replace(/\./g, '')
            wx.openDocument({
              filePath: Path,
              fileType: postf1,
              success: function (res) {
                wx.hideToast()
              },
              fail: function (res) {
                console.log('打开失败', res)
              }
            })
          },
          fail: function (res) {
              console.log(res)
            wx.showToast({
              title: '下载失败',
              icon: 'loading',
              duration: 1000
            })
          }
        })
      },

2、官方文档里说openDocument的fileType类型不是必填项，但不填会报错，且fileType只能填写一种文件类型，所以只能根据文件后缀名来动态填写fileType。

3、需要在微信公众平台-开发-开发设置去配置服务器域名，才能正常下载。

4、微信开发者工具编译时下载失败，预览时下载失败，真机调试下载成功，是因为编译和真机调试模式都自动不校验合法域名。检验是否因为域名问题而导致下载失败，需取消勾选开发者工具-详情-不检验合法域名。