的JavaScript：將PDF轉換爲字節數組，並使用HTML5

Question

我需要以下兩件事情

1）上的幫助，我需要將PDF文件數據字節的JavaScript arrray轉換渲染PDF格式的UI。

2）使用上述字節數組，我需要在UI中以PDF文件的形式呈現它。

問題可能看起來像爲什麼我要將PDF文件轉換爲字節流，以及爲什麼我想在UI中將其顯示爲PDF。但我需要找出上述兩種方法，這有助於我解決項目中的許多問題。

任何有關閱讀或解決上述問題的建議都將非常可觀。

謝謝你的時間！

Answer 1

請檢查pdf.js. 它可能有助於 http://mozilla.github.io/pdf.js

Answer 2

下面的代碼將在本地讀取文件並顯示PDF。這將更快，因爲文件不必上傳到服務器並再次下載到瀏覽器。

<script type="text/javascript"> 
//Workaround for a bug on IE. 
PDFJS.workerSrc = "pdf.worker.js"; 

//File from the input element     
inputElement.onchange = function(event) { 

    var file = event.target.files[0]; 
    //Read the file locally using file reader 
    var fileReader = new FileReader(); 

    fileReader.onload = function() { 
     var typedarray = new Uint8Array(this.result); 

     // Render PDF 
     PDFJS.getDocument(typedarray).then(function(pdf) { 

      pdf.getPage(1).then(function getPageHelloWorld(page) { 

       var scale = 1.5; 
       var viewport = page.getViewport(scale); 

       var canvas = document.getElementById('the-canvas'); 
       var context = canvas.getContext('2d'); 
       canvas.height = viewport.height; 
       canvas.width = viewport.width; 

       page.render({canvasContext: context, viewport: viewport}); 
      }); 
     }); 
    }; 

    // Read the file into array buffer. 
    fileReader.readAsArrayBuffer(file); 
} 
</script>