JS 前端 将图片转换为Base64利用H5 FileReader新特性

 

file = document.getElementById("image");

var file=file.files[0];

var fileName=file.name;

if(file.type !== 'image/jpeg' && file.type !== 'image/png' && file.type !== 'image/gif') {

alert('当前仅支持图片！');

return;

}

var size = Math.round(file.size / 1024 / 1024);

if (size > 2)

{

alert('图片大小不得超过2M');

return;

}

var reader = new FileReader();

imgUrlBase64 =reader.readAsDataURL(file);

reader.onload = function(e)

{

   reader.result；//读取到的base64文件流

  //此方法为异步方法，将调用的AJAX处理放在这个funtion里面

   ajax{

         //代码

         }

});

}.bind(this);