JQuery将图片转化为Base64数据

HTML代码：

<input type="file" id="file" name="file" multiple="multiple"/>
 
<img class="userPhoto" src="resources/images/logo.jpg" alt="点击上传照片">

JQuery代码:

// 图片文件绑定事件
$("#file").change(function () {
    img2Base64(this, function (data) {
        $('.userPhoto').attr('src', data);
    });
});

// 将图片文件转化为Base64
function img2Base64(input_file, get_data) {
    /*input_file：文件按钮对象*/
    /*get_data: 转换成功后执行的方法*/
    if (typeof (FileReader) === 'undefined') {
        console.log("图片异常")
    } else {
        try {
            /*图片转Base64 核心代码*/
            var file = input_file.files[0];
            //这里我们判断下类型如果不是图片就返回 去掉就可以上传任意文件
            if (!/image\/\w+/.test(file.type)) {
                console.log("图片img2base64：转化成功");
                return false;
            }
            var reader = new FileReader();
            reader.onload = function () {
                get_data(this.result);
            }
            reader.readAsDataURL(file);
        } catch (e) {
            console.log("图片img2base64：转化失败")
            console.log(local_message.E_CODE_0008 + e.toString());
        }
    }
}