点击上传图片，显示预览图（单张图片）

用下面这个方法就可以实现上传完图片，显示预览图的效果

 

 

js代码

 

//当元素的值发生改变时，会发生 change 事件。

$("#上传按钮id").change(function(){

　　var reads = new FileReader();

　　var f = document.getElementById("上传按钮id").files[0];

　　reads.readAsDataURL(f);

　　reads.onload = function(){

　　　　document.getElementById("要显示图片img标签的id").src = this.result;

　　}

)

 

 

 

注意：上面代码中的部分原生js获取元素，换成jquery的获取方法后不能正常运行；代码我也不太明白具体的意思，欢迎大家分享

转载于:https://www.cnblogs.com/PHP0222wangdong/p/11363066.html