【小程序】根据需求下载,预览pdf文件

小程序之wx.downloadFilewx.openDocument组合使用

应为中间还要接手其他的项目,所以时间间隔有点尴尬,接下来接着上一次,继续填坑。
这次需求开始是一个特刊板块,用大背景+滑动切换选择,选择滑动切换的小图,背景背景全景就显示相应特刊图片。直接上图看吧:
这里写图片描述
都已经做好了!,然后产品问能不能 直接使用pdf在线预览(苦笑。。。),当时是懵的,因为没用过,而且小程序文档没有刷完。之后老老实实继续刷文档了。
功夫不负有心人,找到了个好东西:wx.openDocument

这里写图片描述

代码:

wx.downloadFile({
      url: 'https://*****.***.work/videos/test2.pdf',
      success: function (res) {
        console.log(res)
        var Path = res.tempFilePath              //返回的文件临时地址,用于后面打开本地预览所用
        wx.openDocument({
          filePath: Path,
          success: function (res) {
            console.log('打开文档成功')
          }
        })
      },
      fail:function (res){
        console.log(res)
      }
    })

开始直接丢到服务器上的是客户那边提供pdf,文件大小31MB,有想过会不会很大,用户下载会不会要很久,果然就出问题了,直接fail回调返回给我:这里写图片描述
超出了文件最大大小,回来又去查了查,本地存储文件大小限制:10MB;于是我换了个小一点的pdf,就成功返回了地址,并且手机上实现了pdf预览。但是这个大小限制,我也没办法解决,只有限制pdf文件大小了,如果要长期保存到本地的话还需要用到wx.saveFile。填坑之路待续

©️2020 CSDN 皮肤主题: 游动-白 设计师: 上身试试 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值