PDFJS.getDocument('path/to/your/file.pdf')
它返回的是一个PDFDocumentLoadingTask
可以在这里查看示例:网页链接
也可以在这里查看API:网页链接
将pdf流生成pdf文件,然后在将pdf文件使用PDF.js进行查看。你需要考虑浏览器兼容性,低版本浏览器可能没办法支持。参照 File API 和URL API(URL.createObjectURL())一、遇到的问题 :预览pdf文件时,很多内容未显示。****
查看控制台,出现以下警告
二、跟踪源码,排查原因
从下图可以发现baseUrl取值为params.cMapUrl
找到调用WorkerTransport方法处:
该问题的原因是因为缺少了部分字体包,也可使用CDN方式加载字体包。
此处提供cmaps的2个CDN地址(2.2.228为pdfjs-dist的版本号):
https://unpkg.com/browse/pdfjs-dist@2.2.228/cmaps/
https://cdn.jsdelivr.net/npm/pdfjs-dist@2.2.228/cmaps/
加载字体包后,效果如下图(部分内容已打马赛克):