首页 > 其他 > 详细

图片预览功能

时间:2019-01-20 12:54:00      阅读:161      评论:0      收藏:0      [点我收藏+]
function loadImg(){
    //获取文件
  //#imgForm为input标签外层容器 var file = $("#imgForm").find("input")[0].files[0]; //创建读取文件的对象 var reader = new FileReader(); //创建文件读取相关的变量 var imgFile; //为文件读取成功设置事件
  //#imgContent为图片id reader.onload=function(e) { alert(‘文件读取完成‘); imgFile = e.target.result; console.log(imgFile); $("#imgContent").attr(‘src‘, imgFile); }; //正式读取文件 reader.readAsDataURL(file); }

  


---------------------
作者:BuBu高打火机
来源:CSDN
原文:https://blog.csdn.net/fd214333890/article/details/71250488/ 

使用之后可以将图片显示出来,但是需要自己将样式、容器写好

图片预览功能

原文:https://www.cnblogs.com/hlsy20180129/p/10294412.html

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