html file控件选择文件后立即预览 js实现
2017-06-20 11:25
483 查看
//上传图片后立即预览 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实现
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- file控件选择上传文件确定后触发的js事件是哪个
- HTML+CSS优化“文件选择”控件(<input type="file">)
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- File文件控件,选中文件(图片,flash,视频)立即预览显示
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- 通过js实现对html文件中控件属性的设置
- HTML5图像预览,Html Input File Preview 选择后立即预览 兼容IE,Firefox,Chorom等主流浏览器
- JS实现Html File控件赋值
- file控件选择上传文件确定后触发的js事件是哪个
- asp.net,C#,html控件的File控件实现多文件上传简单实例,vs2010
- File文件控件,选中文件(图片,flash,视频)即立即预览显示
- JS实现Html File控件赋值 【转】