微软IE7确实很让程序员头疼:
在IE7下预览图片时 怎样得到图片的原始大小 ?
换句话说就是 原始图片多大预览时就显示多大。
<?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;
// 不定义 width 和 height , 怎样获得原始图片的尺寸。换句话说就是 原始图片多大预览时就显示多大。
//newPreview.style.width = 图片的宽度;
//newPreview.style.height = 图片的高度;
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>
分享到:
相关推荐
通常,一个简单的例子可能会包含一个隐藏的`<img>`标签,通过更改其`src`属性来更新预览图片,同时在IE7下使用CSS滤镜进行渲染。开发者可以通过查看和分析这个文件来学习如何在老版本的IE浏览器中实现图片预览功能。...
在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...
标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题,这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer(IE6, IE7, IE8)对现代Web标准的支持不足,而...
IE上传图片预览,上传完一张图片,马上在页面上显示
本篇文章将深入探讨一个关键问题——如何实现本地图片上传并预览的功能,并兼容IE6、IE7和IE8。这个功能对于现代浏览器来说是相当基础的,但在老版本的IE中,由于其内核和API的限制,实现起来并不简单。 首先,我们...
### IE8下上传图片无法预览本地图片解决方法技术资料 #### 背景与问题描述 在Web开发过程中,特别是在处理旧版本浏览器兼容性问题时,经常会遇到各种各样的挑战。Internet Explorer 8(IE8)作为一款较早的浏览器...
可以在IE8下预览图片,包括绝对路径和相对路径的图片都可以。
Firefox3,IE6,IE7,IE8上传本地图片预览
在网页开发中,兼容性问题始终是一个挑战,尤其是在处理老版本的Internet Explorer(IE)浏览器时,如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限,例如对CSS3、HTML5新特性以及JavaScript的一些高级...
ie7 – js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明...
用js写的图片本地上传的预览,很有用的。 不论您使用的是 IE6 还是 IE7都兼容,均可以看到以下预览。
这个标题提到的"js预览图片 上传前预览图片 兼容ie6.7.8.9 ff 谷歌 opera 苹果浏览器",表明这是一个旨在解决浏览器兼容性问题的解决方案,涵盖了老版本的Internet Explorer(IE6到IE9)以及Firefox、Chrome、Opera...
在压缩包中的文件“IE8 下的问题 转化成IE7 模式.txt”,很可能包含了以下内容: 1. **文档简介**:可能简述了为什么需要将IE8设置为IE7模式,以及在什么情况下会出现这种需求。 2. **IE的兼容性视图**:IE8引入了...
### 使用JavaScript调用IE浏览器打印和预览功能 在网页开发过程中,经常需要实现文档的打印和预览功能。在Internet Explorer(IE)浏览器中,可以通过JavaScript与ActiveX控件结合来实现这些功能。下面将详细介绍...
中文版的IE7/IE8正式版已经出来很久了,相信很多人都已经被好奇心征服了吧?用了IE7一段时间之后,是否都会发现它在打开某些页面时会有这样那样的小问题(网页兼容性问题)?而如果正好是你一直关注的网站在IE7\IE8下...
标题中的“整理 IE 7、8 预览本地图片和获取本地图片大小”涉及到的是在Internet Explorer 7和8这两个较旧版本的浏览器中,如何处理本地图片的预览和获取图片尺寸的问题。在早期的Web开发中,由于浏览器兼容性问题,...
针对“IE6, IE7, IE8, 和火狐下的图片上传预览解决方案”这一主题,我们将深入探讨如何在这些浏览器中实现一致的图片上传预览功能。 首先,IE6、IE7和IE8是微软Internet Explorer的早期版本,它们对于现代Web标准的...
解决JSON.parse()在IE7下不兼容( JSON在IE下未定义)问题。 直接引用就可以。 摘要必须大于100个字节!摘要必须大于100个字节!
我找了很久,大多数都不能兼容最新版的火狐,这个能行,希望可以帮助到真正需要的人
标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...