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

实现效果

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