图片转换成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
网友评论