图片上传前预览,支持IE各版本、火狐、谷歌浏览器
2013-07-02 12:50
393 查看
JS函数实现部分
HTML demo
/* * 绑定文件域onchange事件,实现图片上传前预览 IE6-IE10 firefox Chrome * @param fileInputObject Object onchange中传this执行input * @param imgControlsID string image标签id * @return void */ function changePreviewImgSrc(fileInputObject,imgControlsID) { if(typeof FileReader === "undefined") { //针对各个版本的IE if(navigator.userAgent.indexOf("MSIE") > 0) { document.getElementById("imgControlsID").src = "file:///" + fileInputObject.value; } } else { var reader = new FileReader(); reader.readAsDataURL(fileInputObject.files[0]); reader.onload = function(e) { document.getElementById("imgControlsID").src = e.target.result; } } }
HTML demo
<input type="file" onchange="changePreviewImgSrc(this,'ff')"/> <img id="ff" />
相关文章推荐
- 上传图片客户端预览及大小判断,支持IE火狐
- html 图片预览上传(支持ie,google,火狐)
- 图片上传预览(支持ie,firefox)
- asp.net 上传图片时,预览本地图片,支持IE6、IE8、火狐
- 浏览器本地预览图片并Ajax上传到服务器(谷歌火狐 ,IE不兼容)
- input type=file 上传图片前预览 亲测支持 ie8 chrome ff android及ios浏览器(将网上的版本整合一下)
- html5中IE、火狐、谷歌图片上传预览
- 兼容火狐 IE的图片上传预览
- 图片上传预览(兼容火狐和IE)
- 兼容IE、谷歌Chrome、火狐Firefox的图片上传预览功能
- 上传图片快速预览HTML5 FileReader + Window.URL+滤镜(兼容低版本IE)
- 我在开发上传图片文件预览的时候IE无法正常显示,火狐可以正常显示
- IE火狐谷歌等主流浏览器--图片上传预览
- 上传图片带预览功能兼容IE和火狐等主流浏览器
- 图片上传预览 兼容 IE 6 7 8 9 FF chrome opera等版本
- 支持firefox10和IE的上传预览图片js代码
- 支持firefox10和IE的上传预览图片js代码
- 【转】图片上传简单JS预览,兼容IE火狐等主流浏览器
- Java带图片预览功能的图片上传兼容火狐ie
- js本地图片预览,兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3