教程集 > 脚本编程 > javascript > 正文 JS实现图片上传时的本地预览，兼容IE和firefox

JS实现图片上传时的本地预览，兼容IE和firefox

发布时间：2016-12-03 编辑：jiaochengji.com

教程集为您提供JS实现图片上传时的本地预览，兼容IE和firefox等资源，欢迎您收藏本站，我们将为您提供最新的JS实现图片上传时的本地预览，兼容IE和firefox资源

一段关于JS实现图片上传时的本地预览，兼容IE和firefox，有需要的同学可参考一下。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <body>

<script> function setImagePreview() { var docObj=document.getElementById("doc"); var fileName = docObj.value; var imgObjPreview=document.getElementById("preview"); if(docObj.files && docObj.files[0]){ //火狐下，直接设img属性 imgObjPreview.style.display = 'block'; imgObjPreview.style.width = '150px'; imgObjPreview.style.height = '120px'; imgObjPreview.src = docObj.files[0].getAsDataURL(); }else{ //IE下，使用滤镜 docObj.select(); var imgSrc = document.selection.createRange().text; var localImagId = document.getElementById("localImag"); //必须设置初始大小 localImagId.style.width = "150px"; localImagId.style.height = "120px"; //图片异常的捕捉，防止用户修改后缀来伪造图片 try{ localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; }catch(e){ alert("您上传的图片格式不正确，请重新选择!"); return false; } imgObjPreview.style.display = 'none'; document.selection.empty(); } return true; } </script> </body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
JS实现图片上传时的本地预览，兼容IE和firefox
JS预览图像本地预览图片实现代码
 php怎么实现上传图片的功能
 JS实现图片预加载而无需等待的方法
 jquery实现兼容浏览器的图片上传本地预览功能
 图片上传前预览的js代码(兼容IE和FF)
10个基于jQuery或JavaScript的WYSIWYG 编辑器整理
 IE 中上传图片js预览本地图片无效的解决方法
 Jquery.LazyLoad.js修正版下载，实现图片延迟加载插件
 js上传图片预览

上一篇：JS控制文本框只能输入N个字符代码下一篇：浮在页面上的导航菜单

[关闭]

最近更新

浏览排行

~ ~