微信小程序预览文件,解决部分手机文件名乱码问题

微信小程序预览文件

一、微信小程序自带的组件 web-view

注意要在小程序后台的web-view合法域名中配置上该url对应的域名

<web-view src="https.***********"></web-view>

经过测试发现,iOS手机可以打开,部分安卓手机无法打开该文件,最终更换预览方式

二、微信自带API方法

涉及API如下:

  • wx.downloadFile
  • wx.openDocument
    具体实现代码如下
wx.downloadFile({
  url: '***************************',
  header: {
    'content-type': "application/json",
  },
  filePath: wx.env.USER_DATA_PATH + '/******.pdf',
  success: (res) => {
    if (res.statusCode === 200) {
          const savedFilePath = res.filePath
          wx.openDocument({
            filePath: savedFilePath,
            fileType: 'pdf', //注意:文件为pdf,类型为pdf
            showMenu: true,
            success: (response) => {},
            fail: (err) => {
              wx.hideLoading()
            }
          })
    } else {
      wx.hideLoading()
    }
  },
  fail: (err) => {
    wx.hideLoading()
  },
  complete: () => {
    wx.hideLoading()
  }
})

downloadFile方法中filePath作用:
iOS手机上,打开以后页面标题是文件预览,但是在安卓手机上,打开以后文件名显示的是一堆乱码,虽然不影响查看文件,但是还是很别扭,所以加上filePath参数,并在最后加上对应文件名

要注意在微信小程序后台配置downloadFile合法域名!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值