// 图片上传
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上传
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 我们为什么要把图片转换成base64代码？ base64是一种网络上常用的8bit字节代码的编码方式，base64...
- 大家可能会注意到，网页中类似： 那么这是什么呢？这是Data URI scheme。Data URI scheme...
- 可以把1.5M的压缩到100Kb这样哦，可以看到最后log，压缩后的大小为100kb以内 github地址：htt...
