首页 > 代码库 > html file控件选择文件后立即预览 js实现

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

//上传图片后立即预览 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实现