图片转换成base64上传

2017-11-09  本文已影响0人  jane819
//  图片上传

html:代码如下:
<div class="storePic storePicBig br-3" id="storePicBox">
       <img src="" id="placard" alt="" class="imgs">
       <input type="file" id="storePic" class="inputs" name="file">
</div>
js代码如下:
var imgBase641 = "";
$("#storePic").on("change", function () {
    var objUrl;
    objUrl = getObjectURL(this.files[0]); //获取图片的路径,该路径不是图片在本地的路径
    var file = this.files[0];

    if (/image\/\w+/.test(file.type) && this.files[0].size / 1024 < 2048) {
        $(this).siblings("img").attr("src", objUrl); //将图片路径存入src中,显示出图片
    } else {
        alert("请选择小于2M的图片");
        return false;
    }
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function (e) {
        imgBase641 = this.result; //就是base64
    };
});
上一篇 下一篇

猜你喜欢

热点阅读