关于前端:考研题库小程序中如何实现打开考研思维导图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 胜利');
  }
})

实现成果

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