将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)
        // -------
    }
})

你可能感兴趣的:(将input type="file" 类型的图片文件转成base64)