文件转BASE64

last update 2025/06/17

使用js的FileReader这个对象可以将文件转为base64编码

// 从input控件取得文件对象
var file = document.getElementById('input').files[0];
// 第一步:新建一个这对象
let reader = new FileReader();

if (file)
{
// 第二步:对象载入INPUT里的文件
reader.readAsDataURL(file);
// 关键处:必须在图片加载完成事件中处理.
reader.addEventListener("load", function ()
{
    // console.log('选择的图片已经载入...');
    $('#previmg').prop('src', reader.result);
    // 对象加载完文件后,result属性就会有值.值就是base64字符串
    reader.result;
}, false);
}

转换测试

选择一个文件,点击转换得到base64编码字符串.不要选太大的文件,500K以下否则可能卡死

字符串转换

浏览器window对象提供了Base64编码和解码方法.(旧版本的没有)

// 编码
window.btoa('hello world'); // aGVsbG8gd29ybGQ=
// 解码
window.atob('aGVsbG8gd29ybGQ='); // hello world