【问题标题】:Embed pdf in .ejs file在 .ejs 文件中嵌入 pdf
【发布时间】:2021-08-16 20:54:43
【问题描述】:

我有一个使用express.js 的网络应用程序,我尝试将pdf 嵌入到.ejs 文件中,如下所示:

embed src="mypdf.pdf" width="500" height="375" />

当我加载该页面时,这给了我以下错误:Cannot GET /mypdf.pdf

使用express.js 显示嵌入在.ejs 文件中的pdf 的正确方法是什么(我只希望pdf 占据页面的一部分)?

【问题讨论】:

    标签: node.js express pdf ejs


    【解决方案1】:

    您需要为您的 pdf 提供正确的路径。

    检查 app.js 中的类似行

    app.use(express.static(path.join(__dirname, 'public')));
    

    这里的public 是您告诉express 考虑为static resources 考虑的目录,可以直接使用根路径访问。

    现在在 public 文件夹中创建一个名为 docs 的新文件夹,或者您可以将 pdf 直接放入 public 文件夹中

    修改嵌入标签如下

    <embed src="/doc/mypdf.pdf" width="500" height="375" type="application/pdf">
    

    如果您将 pdf 直接放在公共文件夹中,则将路径更改为 /mypdf.pdf

    【讨论】:

    • 谢谢你现在有效。有没有办法让pdf被点击后全屏显示?
    • 单独创建一个按钮触发全屏,通过id找到你的元素并替换heigh和width属性。这也是不推荐使用的标记使用 代替。一个潜在的解决方案是在与您的站点不同的窗口中打开 pdf,并在标签上使用 target="_blank" 属性,以便可以在全屏模式下查看 pdf 并填满整个屏幕。
    猜你喜欢
    • 1970-01-01
    • 2016-07-03
    • 1970-01-01
    • 2020-08-19
    • 1970-01-01
    • 2017-12-08
    • 2011-05-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多