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是以字节为单位