有没有办法将url转成base64编码呢？

Question

项目中做一个上传图片在线预览的功能，用了hhuploadify这个插件，看源码他的url地址是通过 src = window.URL.createObjectURL(file);这样来形成url然后在线预览的，有没有办法直接从file对象转成base64编码不用再生成blob：//这样格式的url 或者能不能把生成的blob://这样的url转变成base64编码呢

Answer 1

使用FileReader.readAsDataURL：资料

var preview = document.querySelector('img');

var file    = document.querySelector('input[type=file]').files[0];

var reader  = new FileReader();

reader.addEventListener("load", function () {

  preview.src = reader.result;

}, false);

if (file) {

  reader.readAsDataURL(file);

}