0
点赞
收藏
分享

微信扫一扫

考研题库小程序中如何实现打开考研思维导图pdf

考研题库小程序中如何实现打开考研思维导图pdf

需求:遇到这么一个需求,考研题库小程序中,为解决分享学习资料的痛点,需要做一个资料库,所以就要实现打开考研资料思维导图pdf的功能。

问题:微信小程序中使用web-view打开pdf, IOS 可以正常打开,Android 打开为空白。

解决:使用wx.downloadFile和wx.openDocument。通过 downloadFile 获得文件路径 (本地路径),然后使用openDocument新开页面打开文档。


wx.downloadFile(Object object)

功能描述

下载文件资源到本地。客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径 (本地路径),单次下载允许的最大文件为 200MB。使用前请注意阅读相关说明。

注意:请在服务端响应的 header 中指定合理的 Content-Type 字段,以保证客户端正确处理文件类型。

返回值

一个可以监听下载进度变化事件和取消下载的对象。

实现代码

wx.downloadFile({
url: 'https://.../XXX.pdf', //仅为示例,并非真实的资源
success (res) {
// 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
if (res.statusCode === 200) {

}
}
fail (err) {
console.log(err); //失败
}
})


wx.openDocument(Object object)

功能描述

新开页面打开文档。文件路径 (本地路径) ,可通过 downloadFile 获得。

实现代码

wx.openDocument({
fileType: 'pdf', // 文件类型
filePath: Path, //要打开的文件路径
success: function (res) {
console.log('打开 PDF 成功');
}
})


实现效果

马原思维导图、毛中特思维导图、思修思维导图、近代史思维导图

考研题库小程序中如何实现打开考研思维导图pdf_资料库

举报

相关推荐

0 条评论