在我的博客

Question

我有一个帖子页面可以存储每个博客。每个博客都有一个pdf文件。我可以通过博客页面上传pdf，但是当我通过帖子上的for循环执行我的代码 - post.file_doucment_path时，它只显示pdf文件位置。我是否需要添加单独的js pdf阅读器包才能使其正常工作？欢呼声。

Answer 1

HTML5 <object>元素可以在没有外部库的页面中嵌入PDF。

<object data="the.pdf" width="1000" height="1000" type='application/pdf'/>

只需替换＆＃34; the.pdf＆＃34;使用带有Jekyll语法的文件文档路径。

e.g。
<object data="{{ post.file_document_path }}" width="1000" height="1000" type='application/pdf'/>