如何在所有浏览器中使用PDFObject.js

Question

我想在我的Web应用程序中插入一个ViewerPDF。所以为此，我下载了PDFObject。 现在我在我的页面中有这段代码：

<script src="Scripts/PDF/pdfobject.js" type="text/javascript"></script>
 <script>
   var url ="urlPDF";
   var container = document.getElementById("divID");
   var options = {
        fallbackLink: "<p>This is a <a href='[url]'>fallback link</a></p>",
        height: "500px",
        width: "500px",
        pdfOpenParams: {
            view: 'FitV',
            pagemode: 'thumbs',
            search: 'lorem ipsum'
        }
    };
  PDFObject.embed(url, container, options);
</script>

使用此代码，如果我尝试使用Internet Explorer打开我的samplePage.html，我可以看到PDF。 如果我尝试使用Mozilla Firefox打开samplePage.html，我可以看到：

如果我尝试使用Google Chrome打开samplePage.html，我就看不到。

Answer 1

如果Mozilla正在显示PDF的源代码（如屏幕截图所示），并且Chrome无法识别该文件（不会打开它），则可能无法在服务器上设置正确的MIME类型。确保该文件作为application / PDF提供。

（请注意，由于Mozilla删除了导航器MIME类型数组，PDFObject 2.0在最新版本的Firefox中无效。）