上传图片是开发过程中经常有的需求,然而这个问题也很烦。由于这个或那个原因,服务器经常会因为这个受很大影响 ,限制文件上传大小是其中的一个解决方法,在IE6中可以在客户端直接得到图片大小,把大的文件直接干掉,在IE7中,安全级别被提高了,不能直接得到图片的大小。
但是在IE7中可以使用滤镜的功能来弥补这个问题,即经测试可以用滤镜做个中转
<!--以下均支持IE6和IE7-->
<script type="text/javascript">
function Preview(imgFile){
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
var obj=document.getElementById("temp")
obj.src=document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src
//obj.src=imgFile.value 不写上句直接写这句则在IE7下不行
alert(obj.fileSize)//当然这里得到的文件大小,最好还是在提交的时候来检查,因为加载图片还是需要时间的,所以不能保证一定得到,这里就简写了
}
</script>
上传图片:<input type="file" onchange="javascript:Preview(this);" /><br />
<div id="pic" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);display:none"></div>
<img name="temp" style="display:none">
分享到:
相关推荐
.net上传图片之前预览 并上传到服务器
java实现图片上传预览,包含asp和jsp的实现代码,以及相关说明
JS+asp.net+图片上传+预览+支持多上传+上传前预览
最强图片上传示例 可多次多选择可删除可预览 jQuery+Ashx 异步上传 史上最强图片上传示例。...项目开发中整理后分享出来,预览功能参考了“jQuery带删除功能多图片上传预览插件”。 整理及上传时间 2018.10.24
input file上传图片预览
C#上传图片预览,aspx,winform,都有。。
jquery图片上传预览插件,通过 IE6、7、8、9 , chrome, firefox测试 测试时采用的是jquery1.7.1,未经过其它jquery版本测试。 使用时,您可以根据需要,随意修改! --------------------------------- =====更新...
实现图片的上传和图片的预览,主要用strust2实现的
Flex4.6+java+servlet上传图片例子+图片上传预览
实现asp.net中使用fileupload控件上传图片前预览功能,可兼容ie6,ie7,ie8,火狐等浏览器,实现真正的上传图片前预览,节约网络资源
jQuery php图片上传预览插件_头像上传预览代码
图片上传本地预览插件
JAVA 图片上传 预览 实现代码
diyUpload JAVA版,支持多文件,多图片先预览后上传,JAVA 项目文件部署即可使用
js 图片上传 并预览图片
jquery;图片上传;图片上传预览 无需任何插件实现
实用JS,jQuery实现上传图片的预览功能,可以跟随鼠标移动
原生 js 整合的一个图片上传预览控件,实现类似微信朋友圈选择删除图片的效果。不依赖任何其他js框架
用于winform的图片上传下载,带图片预览,源码项目
php上传图片并预览图片源码包含html静态页和php源码类页面