一、base64編碼原理
Base64編碼是一種將二進制數據轉換為ASCII字符的編碼方式。它通過使用64個字符來表示所有可能的值，這些字符包括大小寫字母、數字以及’+’,’/’兩個符號。
具體實現方式是將3個位元組的二進制數據（如一個英文字母佔一個位元組，所以3個英文字母共佔3個位元組）拼接成一個24位數據塊，然後對這個24位數據塊進行4段分割，每一段都6位，轉換成一個可打印的ASCII字符。
這樣一來，原來需要3個位元組（24位）的數據，現在只需要4個字符（24位），將數據通過base64編碼可以實現數據的可讀性和傳輸的安全性。
二、實現方法
將js文件轉換為base64編碼，可以藉助FileReader的readAsDataURL()方法。 readAsDataURL()方法的實現方式如下：
“`
function readFile() {
var file = document.getElementById(‘file’).files[0];
var reader = new FileReader();
reader.onload = function() {
document.getElementById(‘result’).innerHTML = reader.result;
}
reader.readAsDataURL(file);
}
“`
先獲取頁面中input標籤中選擇的文件，然後使用FileReader創建實例。接着讀取文件，讀取成功後將文件轉換成base64編碼的字符串。最後將轉換後的字符串插入到頁面中。
三、代碼示例
“`
<input type="file" id="file">
原創文章，作者：GBUMM，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/371872.html
微信掃一掃 
支付寶掃一掃 