点击上传图片,显示预览图(单张图片)

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

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