Javascript

使用pdfjs viewer.html渲染自己的pdf

本文主要是介绍使用pdfjs viewer.html渲染自己的pdf,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

谷歌做的viewer.html做的非常的完美几乎该有的都有,那我们如何利用它加载自己的pdf文件呢。

如果pdf文件和我们部署的viewer在同一个域底下的话那么直接加个file参数如:

他就直接显示出来了如果我们的pdf文件和部署的在不同域的话,那么会

 

报载入PDF时发生错误 控制台出现 file origin does not match viewer's

app.js:2120 Uncaught (in promise) Error: file origin does not match viewer's
    at validateFileURL (app.js:2120)
    at webViewerInitialized (app.js:2171)

那么怎样解决呢最简单的方法打开viewer.js 注释掉跨域判断如下图:

if (origin !== viewerOrigin && protocol !== "blob:")

 然后我们再打开页面

就可以正常显示了

基础交流群 799827663 

 

这篇关于使用pdfjs viewer.html渲染自己的pdf的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!