【小程序】根据需求下载,预览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。填坑之路待续

  • 8
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值