引言
在项目中遇到了上传图片的需求,图片上传回显是一套的东西,所以我们需要回显功能,下面提供一种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); } } }
Html代码如下:
<li><span><img id="image1" src="../images/sc.jpg"></span><input οnchange="changImg(event,'imag
这样就实现照片上传回显问题,在这和大家共勉!
这次图片上传采用的是阿里的oss,在后面的博客中和大家分享关于oss的东西。