Extjs pdf plugin reader

Question

Hallo ich versuche https://github.com/mozilla/pdf.js für mein extjs Projekt zu verwenden. Ich benutze den Befehl sencha, um das Projekt zu erstellen.

Ich extrahiert die filesas Schritte in den darin enthaltenen Link https://github.com/mozilla/pdf.js/wiki/Setup-PDF.js-in-a-website

die ZIP-Datei extrahieren (ein Verzeichnis "Pdf.js-gh-Seiten" erstellt genannt wird). Kopieren Sie die folgenden Verzeichnisse auf Ihre Website: Pdf.js-gh-Seiten/build/ Pdf.js-gh-Seiten/web/

In meinem Code diesen, wie ich die PDF-Dateien zu verknüpfen versuchen/öffnen

 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> 
} 

diese Dateien hinzugefügt

<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> 

ich schlage einen Fehler einen Fehler

app.js? _DC = 20160 index.html 615140509: 1 Uncaught Error: [Ext.getBody] document.body existiert noch nichtgetBody @ app.js? _dc = 20160615140509: 1init @ app.js? _dc = 20160615140509: 1 (anonyme Funktion) @ app.js? _dc = 20160615140509 : 1 pdf.worker.js: 42647 Der angegebene Wert 'moz-chunked-arraybuffer' ist kein gültiger Enum-Wert vom Typ XMLHttpRequestResponseType. viewer.js: 2236 Uncaught TypeError: Kann die Eigenschaft 'PDFJS' von undefined (anonyme Funktion) nicht lesen @ viewer.js: 2236CSS_UNITS @ viewer.js: 2222 (anonyme Funktion) @ viewer.js: 2224 (anonyme Funktion) @ viewer. js: 9318

Answer 1

Dies ist, wie in extjs zugreifen möchten m

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 
    } 
}); 

und in viewer.js Datei ich machte dieses Change- viewerContainer: document.getElementById ('mainframe'),