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

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

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

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

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

使用pdfjs viewer.html渲染自己的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:")

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

 然后我们再打开页面

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

就可以正常显示了

基础交流群 799827663 

 

上一篇:模型水印添加和CC Viewer中模型动画的录制


下一篇:DevExpress WPF v20.2版本亮点放送:全新升级的PDF Viewer