小程序之wx.downloadFile
、wx.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
。填坑之路待续