码迷,mamicode.com
首页 > 其他好文 > 详细

图片预览功能

时间:2019-01-20 13:58:40      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:form   http   读取   javascrip   设置   files   pre   blog   标签   

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/ 

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

图片预览功能

标签:form   http   读取   javascrip   设置   files   pre   blog   标签   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!