一、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/n/371872.html
微信扫一扫 
支付宝扫一扫 