Question

您好我正在尝试将https://github.com/mozilla/pdf.js用于我的extjs项目。我正在使用sencha命令来构建项目。

我提取了文件作为链接https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website

中提供的步骤

提取ZIP文件（名为＆＃34的目录;将创建pdf.js-gh-pages＆＃34;）。将以下目录复制到您的网站： pdf.js-GH-页/建设/ pdf.js-GH-页/网络/

在我的代码中，这是我如何链接/打开pdf文件

      if(id == 'GUID-30C74FE7-C729-4BD2-9D1C-6F1D0F360BFF_1_en-US') {
            var pStyle = 'height: 100%; width: 100%; border: none';
            var pContentType = 'pdf';
            <a href="/web/viewer.html?      file=FCCOnline.Globals.getBaseURL()+'/resources/pdf/70150_GUID-210DB618-7184-482E-8A44-3602110B33B6_1_en-US.pdf'">Open yourpdf.pdf with PDF.js</a>  
}

将这些文件添加到index.html

<link rel="stylesheet" type="text/css" href="resources/web/viewer.css"/>
    <script type="text/javascript" src="resources/build/pdf.js" ></script>
    <script type="text/javascript" src="resources/build/pdf.worker.js" ></script>
    <script type="text/javascript" src="resources/web/compatibility.js"></script>
    <script type="text/javascript" src="resources/web/viewer.js"></script>

我遇到错误错误

app.js？_dc = 20160615140509：1未捕获错误：[Ext.getBody] document.body尚未存在。身份@ app.js？_dc = 20160615140509：1init @ app.js？_dc = 20160615140509：1（匿名函数））@ app.js？_dc = 20160615140509：1 pdf.worker.js：42647提供的值＆＃t; moz-chunked-arraybuffer＆＃39;不是XMLHttpRequestResponseType类型的有效枚举值。 viewer.js：2236 Uncaught TypeError：无法读取属性＆＃39; PDFJS＆＃39; of undefined（匿名函数）@ viewer.js：2236CSS_UNITS @ viewer.js：2222（匿名函数）@ viewer.js：2224（匿名函数）@ viewer.js：9318

Answer 1

这是我试图访问extjs文件的方式

var main = Ext.create({
    xtype : 'main-frame',
    id : 'mainFrame',
    loader : {      url:FCCOnline.Globals.getBaseURL()+'/resources/pdf/70150_GUID-210DB618-7184-482E-8A44-3602110B33B6_1_en-US.pdf',
        renderer : 'pdf',
        autoLoad : false,
        scripts : true
    }
});

在viewer.js中我做了这个改变 - viewerContainer：document.getElementById（'mainFrame'），

Extjs pdf插件阅读器

1 个答案: