如何使用javascript + HTML5知道PDF版本

Question

我想使用客戶端可用選項（javascript，HTML5或其他）檢查PDF版本，因為我必須確認PDF版本必須為1.3，如果PDF版本為1.3，則只能將其上傳到服務器中。

我知道有多種服務器端選項可用於標識pdf版本，但是我希望客戶端可用選項，因此，如果不是1.3版，則用戶無需再次重新上傳整個文件

提前致謝。

Answer 1

您必須使用FileReader API 。

首先創建一個FileReader並注冊一個onload處理程序。

由於PDF的前幾個字節應為純ASCII，因此我們可以將其讀取為文本，並且應類似於%PDF-1.3 （其中1.3是版本），因此如果我們得到5到7字節（是的，我知道它說的是file.slice(5, 8)我沒有寫規范;））。

應該相當直接地加入表單驗證。 留給讀者練習

警告

這是一個簡單的示例，適用於xx版本，但如果不進行修改就無法正確讀取x.xx版本。

 const pdfUpload = document.getElementById('pdfUpload'); const pdfVersion = document.getElementById('pdfVersion'); // wait for input to be "changed" pdfUpload.addEventListener('change', (e) => { // grab the selected file let [file] = e.target.files; if (!file) return; // use a FileReader let reader = new FileReader(); reader.onload = (e) => { // read the content let versionString = e.target.result; pdfVersion.innerText = versionString; }; // PDF file should start something like '%PDF-1.3' // grab only the bits we need reader.readAsText(file.slice(5, 8)); }) 

 <input type="file" id="pdfUpload" /> <div>PDF Version: <span id="pdfVersion"></span></div>