首页 > Web开发 > 详细

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

时间:2019-08-16 13:53:36      阅读:102      评论:0      收藏:0      [点我收藏+]

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!