将input type="file" 类型的图片文件转成base64

标签(空格分隔): js


接口需要上传图片格式为base64格式的,jquery的相关代码:

$('input[name="lookPicPath"]').change(function (e) {
var reader = new FileReader();
    reader.onload = (function (file) {
        return function (e) {
           console.info(this.result); //这个就是base64的图标格式了
        };
    })(e.target.files[0]);
    reader.readAsDataURL(e.target.files[0])
})

要是多个文件上传的话

$('input[name="lookPicPath"]').change(function (e) {

    var iLen = this.files.length;
    for (var i = 0; i < iLen; i++) {
        var file1 = this.files[i];
        // -------
        console.log("file1---------", file1);
        var reader = new FileReader();
        reader.onload = (function (file) {
            return function () {
                var eachPicBase64 = this.result;//每个图片的base64编码
            };
        })(file1);
        reader.readAsDataURL(file1)
        // -------
    }
})
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,459评论 1 45
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,909评论 1 32
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,175评论 0 3
  • $HTML, HTTP,web综合问题 1、前端需要注意哪些SEO 2、 的title和alt有什么区别 3、HT...
    Hebborn_hb阅读 10,136评论 0 20
  • 今天是清明长假的第二天,清晨六点多,我们姐妹三人及姐夫一行四人去爷爷奶奶墓地扫墓,阔别故里二十多年的我们...
    冉燃_0b90阅读 1,738评论 0 5

友情链接更多精彩内容