// 从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