vue——引入pdfjs实现pdf在线预览

• Z时代
• 2024-01-10
• 分类：综合

参考:  https://www.cnblogs.com/wuqilang/p/13031290.html

　　   https://blog.csdn.net/qq_20473985/article/details/84984136

效果

1. 下载pdfjs

官网：http://mozilla.github.io/pdf.js/getting_started/#download

2. 放入项目中

将下载下来的文件解压缩后，将里面的pdf文件夹拷贝到项目中的public文件夹中

3. 页面中使用

window.open(\'/pdf/web/viewer.html?file=\' + path);//path是文件的全路径地址

4. 出现的问题

过程中，出现了一次报错 "file origin does not match viewer\'s"

原因：跨域

解决方法: 直接注释掉web/viewer.js中的1564到1566这几行，不去判断跨域即可

if (origin !== viewerOrigin && protocol !== \'blob:\') {
    throw new Error(\'file origin does not match viewer\\'s\');
}

以上是 vue——引入pdfjs实现pdf在线预览 的全部内容， 来源链接： utcz.com/z/379575.html