码迷,mamicode.com
首页 > Web开发 > 详细

html file控件选择文件后立即预览 js实现

时间:2017-06-20 11:34:52      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:文件   result   file控件   选择   div   hang   图片   onchange   show   

//上传图片后立即预览 file对象,图片容器id
function showImg(fileObj,imgId) {
 
    var file=fileObj.files[0];
           var r = new FileReader();
                r.readAsDataURL(file);
                $(r).load(function() {
                    $(‘#‘+imgId).attr("src", this.result);
            })                   
     
}

<input type="file" onchange="showImg(this,‘img‘)"   accept="image/gif"  />

通过accept限制文件类型 通过file.size验证文件大小 file.szie是以字节为单位

html file控件选择文件后立即预览 js实现

标签:文件   result   file控件   选择   div   hang   图片   onchange   show   

原文地址:http://www.cnblogs.com/raphael5200/p/7053410.html

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