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

Input File选择图片后,未保存预览

时间:2019-01-24 21:52:49      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:jquery   选择   UNC   服务器   query   src   func   his   dom   

今天实现上传图片到服务器

简单的jQuery实现input file选择图片后,可以预览图片的效果

简单的HTML代码:

1 <div>
2 <img src="" class="img">
3 </div>
4  
5 <input type="file" class="imgInput">

 注:img就是用来显示预览图片的

然后就是jQuery代码,很简单

$(".imgInput").change(function(){
    $(".img").attr("src",URL.createObjectURL($(this)[0].files[0]));
});

然后就实现了选择图片后可以预览图片的效果了

其中需要注意的是使用的是DOM元素,jQuery元素和DOM元素之间的转换

Input File选择图片后,未保存预览

标签:jquery   选择   UNC   服务器   query   src   func   his   dom   

原文地址:https://www.cnblogs.com/liaoxun/p/10316854.html

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