如何使用 npm 显示带有 pdftron 的 pdf
How can I display a pdf with pdftron using npm
pdftron/webviewer 已安装
"dependencies": {
"@pdftron/webviewer": "^7.3.0",
"body-parser": "^1.19.0",
"express": "^4.17.1",
"mongoose": "^5.9.7",
"nodemon": "^2.0.2",
"pug": "^2.0.4"
}
Webviewer 静态文件已复制到 public 文件夹
JavaScript 在 index.html 文件中尝试加载 pdf
欢迎使用网络浏览器
从“@/webviewer”导入 WebViewer
WebViewer({
path: '/webviewer',
initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/demo-annotated.pdf'
},
document.getElementById('viewer')).then(instance => {})
</script>
pdf文件不显示,代码有什么问题?
感谢您将 link 分享到您的存储库。
遵循本指南:https://www.pdftron.com/documentation/web/get-started/manually/
请尝试执行以下操作:
请将 pdftron webviewer 节点模块中的 webviewer.min.js 复制并粘贴到 /public/webviewer
在您的 custom.js 中,请删除从 webviewer 导入的行
在您的 index.html 中,请在调用您的 custom.js 文件之前添加此脚本标记:
<script src='./webviewer/webviewer.min.js'></script>
编辑:
当我加载您的应用程序时,我注意到网络选项卡上有一个 404,这让我认为库的设置没有正确集成。
pdftron/webviewer 已安装
"dependencies": { "@pdftron/webviewer": "^7.3.0", "body-parser": "^1.19.0", "express": "^4.17.1", "mongoose": "^5.9.7", "nodemon": "^2.0.2", "pug": "^2.0.4" }
Webviewer 静态文件已复制到 public 文件夹
JavaScript 在 index.html 文件中尝试加载 pdf
欢迎使用网络浏览器 从“@/webviewer”导入 WebViewerWebViewer({ path: '/webviewer', initialDoc: 'https://pdftron.s3.amazonaws.com/downloads/pl/demo-annotated.pdf' }, document.getElementById('viewer')).then(instance => {}) </script>
pdf文件不显示,代码有什么问题?
感谢您将 link 分享到您的存储库。
遵循本指南:https://www.pdftron.com/documentation/web/get-started/manually/
请尝试执行以下操作:
请将 pdftron webviewer 节点模块中的 webviewer.min.js 复制并粘贴到 /public/webviewer
在您的 custom.js 中,请删除从 webviewer 导入的行
在您的 index.html 中,请在调用您的 custom.js 文件之前添加此脚本标记:
<script src='./webviewer/webviewer.min.js'></script>
编辑: 当我加载您的应用程序时,我注意到网络选项卡上有一个 404,这让我认为库的设置没有正确集成。