解决微信小程序wx.openDocument调用没反应

我即将远走丶或许也能高飞

已于 2022-11-17 19:39:22 修改

阅读量2k

点赞数 3

CC 4.0 BY-SA版权

文章标签：微信小程序小程序

于 2022-11-17 17:25:50 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_47756693/article/details/127907954

本文介绍了一种在微信小程序中实现文件预览的方法，通过判断文件类型并使用wx.downloadFile和wx.openDocument进行预览，对于图片则使用wx.previewMedia。

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

最近在微信小程序做预览文件的功能时发现，按照官方文档来的但还是报错了。

最根本的原因就是 fileType 这个字段必传

因为我这这边的业务要求是：预览任何文件和图片所以下面我是这么处理的

直接上代码：


  onPreview(){
    let file = this.data.detail.surveyFile;
    let fileType = null;
    if(file.endsWith('.doc')){
      fileType = 'doc';
    }else if(file.endsWith('.docx')){
      fileType = 'docx';
    }else if(file.endsWith('.xls')){
      fileType = 'xls';
    }else if(file.endsWith('.xlsx')){
      fileType = 'xlsx';
    }else if(file.endsWith('.ppt')){
      fileType = 'ppt';
    }else if(file.endsWith('.pptx')){
      fileType = 'pptx';
    }else if(file.endsWith('.pdf')){
      fileType = 'pdf';
    }
    if(fileType){
      wx.downloadFile({
        url: this.data.detail.surveyFile,
        success: function (res) {
          const filePath = res.tempFilePath
          wx.openDocument({
            filePath: filePath,
            fileType,
            success: function (res) {}
          })
        }
      })
    }else{
      wx.previewMedia({
        sources:[
          {type:"image",url: this.data.detail.surveyFile}
        ]
      })
    }
  },