本文主要是介绍js分分钟搞定图片回显问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
引言
在项目中遇到了上传图片的需求,图片上传回显是一套的东西,所以我们需要回显功能,下面提供一种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 APIvar freader = new FileReader();freader.readAsDataURL(file);freader.onload = function (e) {console.log(e.target.result);$("#"+ name).attr("src", e.target.result);}}
}
这篇关于js分分钟搞定图片回显问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!