文件转换BASE64

使用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