likes
comments
collection
share

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

作者站长头像
站长
· 阅读数 14

考研题库小程序中如何实现打开考研思维导图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