<?xml version="1.0" encoding="gb2312"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>本地图片预览代码(支持 IE6、IE7) </title>
<style type="text/css">
#newPreview
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
<script type="text/javascript" language="javascript">
<!--
function PreviewImg(imgFile)
{
//新的预览代码,支持 IE6、IE7。
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
//需要手动设置高度宽度
newPreview.style.width = "80px";
newPreview.style.height = "60px";
}
-->
</script>
</head>
<body>
<p>不论您使用的是 IE6 还是 IE7,均可以看到以下预览。 </p>
<div id="newPreview"> </div>
<hr />
<p>请选择一个图片进行预览: <input type="file" size="20" onchange="javascript:PreviewImg(this);" /> </p>
</body>
</html>
分享到:
相关推荐
NULL 博文链接:https://huangjiateng.iteye.com/blog/1194870
虽然可以在ie6,ie7,火狐预览、但在谷歌浏览器还是不行、哪位高人要是有更好的办法浏览、能否交流交流. qq:253930407 email:ruanjingwang@yahoo.com.cn
例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。 在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。
这是一个HTML兼容本地上传图片并预览的源代码,希望大家指正。
NULL 博文链接:https://669341085.iteye.com/blog/874153
国外的多文件上传带预览(支持IE、火狐、谷歌、opera)
NULL 博文链接:https://huangjiateng.iteye.com/blog/1207512
html上传视频文件video预览(不支持多文件预览,在ie及火狐下测试好使,其他游览未测试,纯js 不用引入插件 )
Jsp图片预览程序(含Java源码) 目前,很多网站都在为提升用户体验而努力,想尽多种办法让用户在网站上...程序中的JavaScript部分兼容ie6/7/8, firefox 3.5.5以及opera 10、safari 4.0.4、 chrome 3.0 等多种浏览器。
该插件是基于百度webuploader的一个插件,支持IE8,可以上传任何文件,上传图片可以预览,异步上传,使用非常方便
1 上传图片前实现本地预览图片。 2 兼容ie,firefox 3 实现判断文件大小。火狐下实现了上传前判断图片大小,ie下目前是采用ActiveXObject方法,但会弹框提示,不友好,提供ajax方式后台判断文件大小。 4 判断图片类型...
解决了ie 7 8 火狐图片预览文件路径被过滤和文件图片原大小改变的解决方式
基于SpringMVC的文件上传(兼容IE8),一个完整的Demo。
js加iframe轻松实现异步图片上传 可以预览 兼容FF,chrome,ie9
图片上传预览是一种在图片上传之前对图片进行...上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果的。 兼容:ie6/7/8, firefox 3.5.5 后台支持下还兼容:opera 10.10, safari 4.0.4, chrome 3.0
JUploader-兼容IE9,10,11的多图预览上传,兼容目前最新的chrome和firefox浏览器;基于 ajaxfileupload.js,支持本地图预览,上传时loadding状态显示。最少代码集成,简单易用。 该版本支持文件上传,技持success回调...
<body> <form id="form1" runat="server"> ; height: 50px;"> *封面: ... ID="FileUpload1" runat="server" />请上传案例的封面图片 </form> </body>
JSP批量上传,实现多文件无刷新上传(带有进度条)。 程序加了些须的验证,目前只能上传图片。 压缩文件为Eclipse项目文件,直接导入即可使用 预览图片地址: ...注:所有文件保存到项目文件夹下的uplaod文件夹下,...
ie8本地图片上传预览出现问题是因为限制浏览器造访本地文件,所以用到滤镜和div,下面有个不错的示例,希望对大家有所帮助
环境为java,struts2,extjs...没有完全实现的是extjs用uploadfild控件实现的blob数据上传预览,并且尝试了用formFile上传文件、和smart组件上传,但两者在我的环境里还有问题,大家可以改进一下,本人觉得有总比没有强哈