javascript - 显示 PDF 浏览器不同的结果 Firefox/Chrome

Question

我正在创建一个小网站，但在其中显示 PDF 时遇到了一些困难。PDF 存储在名为“传记”的文件夹中。

我有一个这样的下拉菜单:

<option value="Cat">Cat</option>
<option value="Dog">Dog</option>

还有一个 JavaScript 函数，它将搜索具有确切名称的 PDF 并显示它。

            <script>
            function affichage(value){
              pdf=document.getElementById('pdf');
              pdf.setAttribute("src", "biography/"+value+".pdf");
            }
            </script>

我使用 :

嵌入它

<embed id="pdf" width="100%" height="1330"></embed>

我的问题是，即使它与 Firefox 配合使用很困难，使用 Chrome 也无法显示 PDF，我不明白为什么。

有没有更合适的方法呢？

Answer 1

使用谷歌文档查看器

https://docs.google.com/viewer?embedded=true&url=YOUR_URL_TO_DOCUMENT

使用 iframe 标签嵌入它