用Js将图片转为base64字符串

Question

如题，前台使用js将file表单选中的图片转换为base64字符串，请问该怎么做？

这是我在网上找的相关代码，使用firefox调试，每次运行到img.onload就退出去了，进不了function，不知道是哪里有问题，还是压根就写错了。请好心人指点，先谢谢了！

Answer 1

bbb是file丢下，没有onload事件，改为onchagne，用HTML5的FileReader对象就可以转为base64了，不需要canvas

而且你bbb已经存在，不需要再append了。。如果是客户端图片预览，看这个： javascript客户端图片预览，兼容最新firefox，chrome和IE11

     img.onchange = function () {
        var oFReader = new FileReader();
        oFReader.readAsDataURL(this.files[0]);
        oFReader.onload = function (oFREvent) {
            alert(oFREvent.target.result);
        };
    }