<?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)
{
//原来的预览代码，不支持 IE7。
var oldPreview = document.getElementById("oldPreview");
oldPreview.innerHTML = "<img src=\"file:\\\\" + imgFile.value + "\" width=\"80\" height=\"60\" />";
//新的预览代码，支持 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>说明：以下针对的是互联网情况，如果您在本地作测试，比如输入的地址是：http://127.0.0.1/，则可以看到全部预览。</p>
<hr />
<p>如果您使用的是 IE6，则可以看到以下预览；如果您使用的是 IE7，则看不到以下预览。</p>
<div id="oldPreview"></div>
<hr />
<p>不论您使用的是 IE6 还是 IE7，均可以看到以下预览。</p>
<div id="newPreview"></div>
<hr />
<p>请选择一个图片进行预览：<input type="file" size="20" onchange="javascript:PreviewImg(this);" /></p>
</body>
</html>
分享到：
相关推荐
Firefox3,IE6,IE7,IE8上传本地图片预览
在提供的“兼容ie678 and FF的本地图片预览.html”文件中，开发者可能采用了`<iframe>`或`ActiveXObject`来实现预览。`<iframe>`可以创建一个独立的浏览上下文，这样可以在不影响主页面的情况下加载和显示图片。而`...
标题中的“整理 IE 7、8 预览本地图片和获取本地图片大小”涉及到的是在Internet Explorer 7和8这两个较旧版本的浏览器中，如何处理本地图片的预览和获取图片尺寸的问题。在早期的Web开发中，由于浏览器兼容性问题，...
标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点： 1. **FileReader API**：这是一个HTML5的新特性，用于读取文件。在支持的浏览器中，可以通过`FileReader.readAsDataURL(file)`方法...
标题提到的"兼容IE6,IE7,IE8和Firefox的图片上传预览效果"直指浏览器兼容性问题，这是一个在过去很长一段时间内困扰开发者的关键挑战。由于早期的Internet Explorer（IE6, IE7, IE8）对现代Web标准的支持不足，而...
jquery file上传预览本地图片支持IE6\7\8\9\10 chrome 火狐 网上有很多关于 file上传预览本地图片开源角本但都对支持到IE6\7\8，而且chrome 火狐最新版本也有问题，自己动手丰衣足食。分享给给大家。
标题中的“本地图片预览代码（支持 IE6、IE7）”指的是在网页中实现一个功能，让用户可以预览本地的图片，同时这个功能需要兼容古老的Internet Explorer浏览器，特别是版本6和7。在Web开发中，由于IE6和IE7对现代Web...
这个资源"2014-5-6更新 兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案，用于实现一个功能强大的本地图片预览功能，它能在多种主流浏览器中正常工作，包括...
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...
用js写的图片本地上传的预览，很有用的。 不论您使用的是 IE6 还是 IE7都兼容，均可以看到以下预览。
### IE8下上传图片无法预览本地图片解决方法技术资料 #### 背景与问题描述 在Web开发过程中，特别是在处理旧版本浏览器兼容性问题时，经常会遇到各种各样的挑战。Internet Explorer 8（IE8）作为一款较早的浏览器...
在网页开发中，兼容性问题始终是一个挑战，尤其是在处理老版本的Internet Explorer（IE）浏览器时，如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限，例如对CSS3、HTML5新特性以及JavaScript的一些高级...
在ASP.NET环境中，针对Internet Explorer 6、7和8这三个早期版本实现图片上传前的预览...综上所述，要实现在ASP.NET中IE6、7、8浏览器上的图片上传预览，需要利用JavaScript和特定的IE滤镜技术，并确保兼容性和安全性。
在IE6中，我们可以简单地通过改变`img`标签的`src`属性来实现本地图片预览，但IE7并不支持这种方式。为了解决这个问题，我们需要利用IE特有的滤镜技术，即`AlphaImageLoader`。 `AlphaImageLoader`是微软在IE中实现...
首先，本地图片预览功能的核心在于读取用户选择的文件，并在不实际上传的情况下在浏览器中显示。在HTML5中，File API提供了一个这样的机制，允许我们访问和操作用户选取的文件。在jQuery插件中，我们可以利用这些API...
在 IE6 中，可以很方便地利用 img 的 src 属性，实现本地图片预览，然而在 IE7 中，这种办法却行不通,由于对安全的考虑限制image对本地文件的访问。需要用 AlphaImageLoader滤镜。 需要的下载参考一下
标题中的“图片预览(兼容FF,IE7)”指的是创建了一个功能，允许用户在浏览器上预览图片，这个功能同时支持Firefox（FF）和Internet Explorer 7（IE7）这两种浏览器。在早期的Web开发中，由于不同浏览器对某些技术的...
例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法。 但在opera、safari和chrome还是没有办法实现本地预览，只能通过后台来支持预览。 在研究了各种预览方法后，作为总结，写了这个程序，跟大家一起分享。
最近在Web项目开发过程中遇到的本地图片预览的需求，虽然最后因为其他原因没能使用，但是也算有些了解，整理出来。这里我们按浏览器分，主要包括IE6，IE7/8 和Firefox3， 不包含Opera，Safari和Chrome，这三个基本上...