当前位置:   article > 正文

微信小程序使用wx.openDocument打开文件时报fail filetype not supported_opendocument:fail filetype not supported

opendocument:fail filetype not supported

需要做一下关于简历上传并预览简历的功能。简历的上传,我用的是web-view。预览功能使用的是wx.openDocument。但是使用这个API,必须先使用wx.downloadFile进行下载,获取到临时目录,代码如下:

     //下载简历
    wx.downloadFile({
      url: "https://test/test.pdf", //仅为测试接口,并非真实的
      success: function (res) {
        var filePath = res.tempFilePath
        console.log(filePath)

        wx.openDocument({
          filePath: filePath,
          success: function (res) {
            console.log("打开文档成功")
            console.log(res);
          },
          fail: function (res) {
            console.log("fail");
            console.log(res)
          },
          complete: function (res) {
            console.log("complete");
            console.log(res)
          }
        })
      },
      fail: function (res) {
        console.log('fail')
        console.log(res)
      },
      complete: function (res) {
        console.log('complete')
        console.log(res)
      }
    })
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32

但是一直会报fail filetype not supported
这里写图片描述

百度了很久,网上说的是文件类型格式的大小写问题等,但是一直没有解决,就去重新看了官方文档,发现了一个参数
这里写图片描述
这里面有个可选的fileType,然后,我就试着在代码里面加上fileType: 'pdf'

然后的然后,文档可以正确打开了。。。也是醉了呢。

附上我的完整代码

     //下载简历
    wx.downloadFile({
      //app.globalData.resume 这是我从接口获取的文档路径
      url: "https://test/"+app.globalData.resume,
      success: function (res) {
        var filePath = res.tempFilePath

        console.log(filePath)

        // app.globalData.fileType 这是我从接口获取的文档的类型
        wx.openDocument({
          filePath: filePath,
          fileType: app.globalData.fileType,
          success: function (res) {
            console.log("打开文档成功")
            console.log(res);
          },
          fail: function (res) {
            console.log("fail");
            console.log(res)
          },
          complete: function (res) {
            console.log("complete");
            console.log(res)
          }
        })
      },
      fail: function (res) {
        console.log('fail')
        console.log(res)
      },
      complete: function (res) {
        console.log('complete')
        console.log(res)
      }
    })
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36

第一次做小程序的文件上传与打开,如有不当,还请谅解

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/644272
推荐阅读
相关标签
  

闽ICP备14008679号