`
javajdbc
  • 浏览: 43117 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

ie7下预览图片问题 ,困扰很久了

阅读更多
微软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>
分享到:
评论
1 楼 huangliangfeng 2008-12-17  
不错,谢谢LZ拿出来分享!
只是试了一下在FF和google下都不好使!

相关推荐

    图片预览(支持IE7)

    通常,一个简单的例子可能会包含一个隐藏的`&lt;img&gt;`标签,通过更改其`src`属性来更新预览图片,同时在IE7下使用CSS滤镜进行渲染。开发者可以通过查看和分析这个文件来学习如何在老版本的IE浏览器中实现图片预览功能。...

    JS图片预览(兼容IE6、IE7、IE8和FF)

    在JavaScript(简称JS)中实现图片预览,尤其是在兼容老版本的Internet Explorer(如IE6、IE7、IE8)以及Firefox(FF)等浏览器上,需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能,并着重...

    兼容IE6,IE7,IE8和Firefox的图片上传预览效果

    标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题,这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer(IE6, IE7, IE8)对现代Web标准的支持不足,而...

    IE上传图片预览

    IE上传图片预览,上传完一张图片,马上在页面上显示

    IE6/IE7/IE8兼容本地上传图片并预览源代码

    本篇文章将深入探讨一个关键问题——如何实现本地图片上传并预览的功能,并兼容IE6、IE7和IE8。这个功能对于现代浏览器来说是相当基础的,但在老版本的IE中,由于其内核和API的限制,实现起来并不简单。 首先,我们...

    ie8下上传图片无法预览本地图片解决方法技术资料

    ### IE8下上传图片无法预览本地图片解决方法技术资料 #### 背景与问题描述 在Web开发过程中,特别是在处理旧版本浏览器兼容性问题时,经常会遇到各种各样的挑战。Internet Explorer 8(IE8)作为一款较早的浏览器...

    IE8 图片预览源代码

    可以在IE8下预览图片,包括绝对路径和相对路径的图片都可以。

    Firefox3,IE6,IE7,IE8上传本地图片预览

    Firefox3,IE6,IE7,IE8上传本地图片预览

    ie6,ie7,ie8和firefox下兼容的图片上传预览

    在网页开发中,兼容性问题始终是一个挑战,尤其是在处理老版本的Internet Explorer(IE)浏览器时,如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限,例如对CSS3、HTML5新特性以及JavaScript的一些高级...

    一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

    ie7 – js中是一个JavaScript库(解决IE与W3C标准的冲突的JS库),使微软的Internet Explorer的行为像一个Web标准兼容的浏览器,支持更多的W3C标准,支持CSS2、CSS3选择器。它修复了许多的HTML和CSS问题,并使得透明...

    js图片预览 IE6 、IE7都兼容

    用js写的图片本地上传的预览,很有用的。 不论您使用的是 IE6 还是 IE7都兼容,均可以看到以下预览。

    js预览图片 上传前预览图片 兼容ie6.7.8.9 ff 谷歌 opera 苹果浏览器不兼容

    这个标题提到的"js预览图片 上传前预览图片 兼容ie6.7.8.9 ff 谷歌 opera 苹果浏览器",表明这是一个旨在解决浏览器兼容性问题的解决方案,涵盖了老版本的Internet Explorer(IE6到IE9)以及Firefox、Chrome、Opera...

    IE8 下的问题 转化成IE7 模式.rar

    在压缩包中的文件“IE8 下的问题 转化成IE7 模式.txt”,很可能包含了以下内容: 1. **文档简介**:可能简述了为什么需要将IE8设置为IE7模式,以及在什么情况下会出现这种需求。 2. **IE的兼容性视图**:IE8引入了...

    js调用ie打印和预览功能

    ### 使用JavaScript调用IE浏览器打印和预览功能 在网页开发过程中,经常需要实现文档的打印和预览功能。在Internet Explorer(IE)浏览器中,可以通过JavaScript与ActiveX控件结合来实现这些功能。下面将详细介绍...

    IE6绿色版(可与IE7、IE8共存)

    中文版的IE7/IE8正式版已经出来很久了,相信很多人都已经被好奇心征服了吧?用了IE7一段时间之后,是否都会发现它在打开某些页面时会有这样那样的小问题(网页兼容性问题)?而如果正好是你一直关注的网站在IE7\IE8下...

    整理 IE 7、8预览本地图片和获取本地图片大小

    标题中的“整理 IE 7、8 预览本地图片和获取本地图片大小”涉及到的是在Internet Explorer 7和8这两个较旧版本的浏览器中,如何处理本地图片的预览和获取图片尺寸的问题。在早期的Web开发中,由于浏览器兼容性问题,...

    IE6,Ie7,ie8 ,和火狐下的图片上传预览 解决方案

    针对“IE6, IE7, IE8, 和火狐下的图片上传预览解决方案”这一主题,我们将深入探讨如何在这些浏览器中实现一致的图片上传预览功能。 首先,IE6、IE7和IE8是微软Internet Explorer的早期版本,它们对于现代Web标准的...

    json2.js 解决JSON.parse()在IE7下不兼容问题

    解决JSON.parse()在IE7下不兼容( JSON在IE下未定义)问题。 直接引用就可以。 摘要必须大于100个字节!摘要必须大于100个字节!

    兼容IE火狐图片预览功能

    我找了很久,大多数都不能兼容最新版的火狐,这个能行,希望可以帮助到真正需要的人

    上传图片预览-兼容IE6,IE7,IE8,FF

    标题中的“上传图片预览-兼容IE6,IE7,IE8,FF”指的是一个Web开发的技术解决方案,目的是实现图片上传前的预览功能,并确保该功能在早期版本的Internet Explorer(IE6、IE7、IE8)以及Firefox浏览器上都能正常工作...

Global site tag (gtag.js) - Google Analytics