csdnFc1123
2015-07-20 01:33
采纳率: 37.5%
浏览 30.2k
已采纳

用Js将图片转为base64字符串

如题，前台使用js将file表单选中的图片转换为base64字符串，请问该怎么做？
图片说明
这是我在网上找的相关代码，使用firefox调试，每次运行到img.onload就退出去了，进不了function，不知道是哪里有问题，还是压根就写错了。请好心人指点，先谢谢了！

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

5条回答 默认 最新

  • 已采纳

    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);
        };
    }
    点赞 评论
  • csdnFc1123 2015-07-20 02:37

    问题已经解决了，谢谢！

    点赞 评论
  • save4me 2015-07-20 03:01

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

    点赞 评论
  • save4me 2015-07-20 15:54

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

    点赞 评论
  • 小妮子0408 2016-01-15 02:56

    请问IE8上，怎么转base64？

    点赞 评论

报告相同问题？

提交

相关推荐 更多相似问题