引言
在项目中遇到了上传图片的需求,图片上传回显是一套的东西,所以我们需要回显功能,下面提供一种js的实现方式:
js代码如下:
function changImg(e,name) {
for (var i = 0; i < e.target.files.length; i++) {
var file = e.target.files.item(i);
if (!(/^image\/.*$/i.test(file.type))) {
continue; //不是图片 就跳出这一次循环
}
//实例化FileReader API
var freader = new FileReader();
freader.readAsDataURL(file);
freader.onload = function (e) {
console.log(e.target.result);
$("#"+ name).attr("src", e.target.result);
}
}
}