Extjs pdf插件阅读器

Question

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

我提取了链接https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website中提供的filesas步骤

解压缩ZIP文件(将创建一个名为"pdf.js-gh-pages“的目录)。将以下目录复制到您的网站: pdf.js-gh-pages/build/ pdf.js-gh-pages/web/

在我的代码中，我尝试链接/打开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尚未existgetBody @ app.js?_dc=20160615140509:1init @ app.js?_dc=20160615140509:1 (匿名函数)@app.js？_dc=20160615140509:1 pdf.worker.js:42647提供的值'moz-chunked-arraybuffer‘不是XMLHttpRequestResponseType类型的有效枚举值。viewer.js:2236未捕获的TypeError:无法读取未定义(匿名函数)的属性'PDFJS‘@ 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')，