如何使用文件輸入在PDFJS中打開本地PDF？

Question

我想知道是否有使用input type="file"選擇一個PDF文件，並使用PDFJS

Answer 1

您應該能夠使用的FileReader得到一個文件對象的內容作爲一個類型數組打開它的方式，這PDFJS接受（http://mozilla.github.io/pdf.js/api/draft/PDFJS.html）

//Step 1: Get the file from the input element     
inputElement.onchange = function(event) { 

    var file = event.target.files[0]; 

    //Step 2: Read the file using file reader 
    var fileReader = new FileReader(); 

    fileReader.onload = function() { 

     //Step 4:turn array buffer into typed array 
     var typedarray = new Uint8Array(this.result); 

     //Step 5:PDFJS should be able to read this 
     PDFJS.getDocument(typedarray).then(function(pdf) { 
      // do stuff 
     }); 


    }; 
    //Step 3:Read the file as ArrayBuffer 
    fileReader.readAsArrayBuffer(file); 

}