PDF轉Base64的詳解

一、Base64是什麼？

Base64是一種編碼方式，將二進制數據轉換為可見字符，使其可以在HTTP等協議下進行傳輸，而不會出現問題，因為很多協議只支持ASCII字符的傳輸。經過Base64編碼的字符串，由大小寫字母、數字、加號和斜線等組成，一般以「=」結尾。Base64的原理是將3個8位的字符轉化為4個6位的字符，所以4個6位的Base64字符解碼後最多只能出現3個8位的字符，不足補一個「=」號。

二、為什麼要將PDF轉為Base64？

PDF文件是一種二進制文件，如果直接通過HTTP協議傳輸，可能出現亂碼或信息缺失的問題。而通過將PDF文件轉為Base64，可以將其內容轉化為ASCII字符，保證了傳輸的準確性。

三、如何將PDF文件轉為Base64？

在JavaScript中，可以利用FileReader API讀取本地的PDF文件，然後使用btoa()函數將其轉化為Base64。下面是一個簡單的示例：

“`javascript
var input = document.getElementById(‘pdf-file’);
var file = input.files[0];
var reader = new FileReader();
reader.readAsBinaryString(file);
reader.onload = function() {
var base64 = btoa(reader.result);
console.log(base64);
};
“`

在上述示例中，我們首先通過input元素獲取到上傳的PDF文件，然後通過FileReader API讀取文件內容。在onload事件中，使用btoa函數將二進制數據轉換為Base64字符串，並打印到控制台上。

四、如何將Base64轉為PDF文件？

在JavaScript中，可以利用URL.createObjectURL()方法將Base64轉換為Blob對象，並使用a元素實現文件下載。下面是一個簡單的示例：

“`javascript
function downloadPDF(base64) {
var blob = b64toBlob(base64);
var url = URL.createObjectURL(blob);
var link = document.createElement(‘a’);
link.href = url;
link.download = ‘example.pdf’;
link.click();
}

function b64toBlob(base64) {
var byteString = atob(base64);
var arrayBuffer = new ArrayBuffer(byteString.length);
var uint8Array = new Uint8Array(arrayBuffer);

for (var i = 0; i < byteString.length; i++) {
uint8Array[i] = byteString.charCodeAt(i);
}
return new Blob([arrayBuffer], {type: 'application/pdf'});
}
“`

在上述示例中，我們定義了兩個函數：downloadPDF和b64toBlob。downloadPDF函數接受一個Base64字符串作為參數，調用b64toBlob函數將其轉換為Blob對象，然後利用URL.createObjectURL()方法將Blob對象轉換為URL。最後，創建一個a元素，並設置其href和download屬性，觸發click事件進行下載。b64toBlob函數接受一個Base64字符串，並返回一個Blob對象。其中，atob函數用於將Base64字符串轉化為二進制數據，Uint8Array和ArrayBuffer用於轉換數據類型，最後將數據封裝為Blob對象。

五、如何在瀏覽器中展示PDF文件？

在JavaScript中，可以利用Base64字符串生成Data URI，然後將其作為PDF文件的URL，在瀏覽器中進行展示。下面是一個簡單的示例：

“`javascript
var pdfBase64 = ‘…’; // 假設這裡是一個Base64字符串
var pdfUrl = ‘data:application/pdf;base64,’ + pdfBase64;
var iframe = document.createElement(‘iframe’);
iframe.src = pdfUrl;
document.body.appendChild(iframe);
“`

在上述示例中，我們首先將Base64字符串轉換為Data URI，並將其賦值給iframe元素的src屬性。最後，將iframe元素添加到文檔中，即可在瀏覽器中展示PDF文件。

結語

通過以上介紹，我們可以看出，將PDF文件轉為Base64字符串是一種非常便利的操作。在實際的開發中，我們可能會遇到將其他類型的二進制文件轉為Base64字符串的需求，此時，可以使用類似的方法進行轉換。