美文网首页
图片转换成base64上传

图片转换成base64上传

作者: jane819 | 来源:发表于2017-11-09 14:24 被阅读0次
//  图片上传

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
    };
});

相关文章

网友评论

      本文标题:图片转换成base64上传

      本文链接:https://www.haomeiwen.com/subject/cwgpmxtx.html