问题描述

用Js将图片转为base64字符串

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

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

解决方案

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);
        };
    }

解决方案二：

问题已经解决了，谢谢！

解决方案三：

你找到的网上的代码原先是绑定图片元素的，而不是file类型的Input元素吧？图片元素有onload事件，在图片加载到浏览器的时候触发。file类型的input你绑定onchange事件。
类似楼上的解释，可以参考Image convert to Base64，上面有纯js和jQuery的实现示例代码。

解决方案四：

IE10支持html5的FileReader 。你可以试试开源项目A FileReader polyfill for Internet Explore and Safari using Flash，通过Flash和jQuery来模拟。

解决方案五：

请问楼主最后怎么解决的？？

解决方案六：

请问IE8上，怎么转base64？

解决方案七：

Android Base64字符串转换成图片
IOS图片转base64字符串和字符串转回图片