该文章转自http://www.jb51.net/article/17504.htm,如有侵权请告知
<?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>
说明：以下针对的是互联网情况，如果您在本地作测试，比如输入的地址是：http://127.0.0.1/...，则可以看到全部预览。
<hr />
如果您使用的是 IE6，则可以看到以下预览；如果您使用的是 IE7，则看不到以下预览。
<div id="oldPreview"></div>
<hr />
不论您使用的是 IE6 还是 IE7，均可以看到以下预览。
<div id="newPreview"></div>
<hr />
请选择一个图片进行预览：<input type="file" size="20" onchange="javascript:PreviewImg(this);" />
</body>
</html>
分享到：
相关推荐
标题中的“整理 IE 7、8 预览本地图片和获取本地图片大小”涉及到的是在Internet Explorer 7和8这两个较旧版本的浏览器中，如何处理本地图片的预览和获取图片尺寸的问题。在早期的Web开发中，由于浏览器兼容性问题，...
为了解决IE8中图片上传预览失败的问题，本文将详细介绍一种通过使用`AlphaImageLoader`滤镜来实现图片预览的技术方案，并提供具体的实现代码及注意事项。 #### 解决方案的核心思路 本解决方案的核心在于利用IE特有...
本篇文章将深入探讨一个关键问题——如何实现本地图片上传并预览的功能，并兼容IE6、IE7和IE8。这个功能对于现代浏览器来说是相当基础的，但在老版本的IE中，由于其内核和API的限制，实现起来并不简单。 首先，我们...
这个资源"2014-5-6更新 兼容ie[6-9]、火狐、Chrome、opera、maxthon3、360浏览器的js本地图片预览"提供了一个JavaScript解决方案，用于实现一个功能强大的本地图片预览功能，它能在多种主流浏览器中正常工作，包括...
用js写的图片本地上传的预览，很有用的。 不论您使用的是 IE6 还是 IE7都兼容，均可以看到以下预览。
在IE6、IE7和IE8中，我们可以创建一个ActiveX控件来读取本地文件，然后显示预览图像。 **关于Flash：** Flash是一种广泛应用于网页的多媒体平台，可以跨浏览器运行，但同样存在安全性和性能问题。在IE6到IE8中，...
此外，为了实现预览效果，可能使用了CSS3的`transform`属性进行缩放和定位，确保图片在新的视窗或模态框中正确显示。 3. **图片下载**： 下载图片功能可以通过创建一个隐藏的`<a>`标签，然后设置其`href`为图片URL...
本文将详细讲解如何利用jQuery来实现在页面上显示用户上传的本地图片，同时确保在IE和Firefox等浏览器中的兼容性。 首先，我们需要一个HTML表单来接收用户选择的图片文件： ```html 预览图片" src="" style=...
标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点： 1. **FileReader API**：这是一个HTML5的新特性，用于读取文件。在支持的浏览器中，可以通过`FileReader.readAsDataURL(file)`方法...
标题中的“本地图片预览代码（支持 IE6、IE7）”指的是在网页中实现一个功能，让用户可以预览本地的图片，同时这个功能需要兼容古老的Internet Explorer浏览器，特别是版本6和7。在Web开发中，由于IE6和IE7对现代Web...
总的来说，要在IE7中实现本地图片预览，开发者必须依赖于特定的IE滤镜技术，如`AlphaImageLoader`。虽然这种方法在现代浏览器中已经不再适用，但在处理遗留的IE7项目时，理解并掌握这些技术仍然是必要的。随着浏览器...
在网页开发中，兼容性问题始终是一个挑战，尤其是在处理老版本的Internet Explorer（IE）浏览器时，如IE6、IE7和IE8。这些浏览器在处理某些现代Web技术时存在局限，例如对CSS3、HTML5新特性以及JavaScript的一些高级...
图片上传预览是一种在图片上传之前对图片进行本地预览的技术。 使用户选择图片后能立即查看图片，而不需上传服务器，提高用户体验。 但随着浏览器安全性的提高，要实现图片上传预览也越来越困难。 不过群众的智慧是...
在网页开发中，多图片预览功能是必不可少的，尤其在涉及到用户上传图片的场景，如社交媒体、电商平台等。这个“多图片预览js”功能就是利用JavaScript编写的一种技术，它允许用户在上传图片之前先进行预览，提高用户...
在本文中，我们将深入探讨如何使用jQuery实现本地图片上传预览功能，这是一项常见的Web开发需求，尤其是在构建交互式用户界面时。jQuery是一款强大的JavaScript库，它简化了DOM操作、事件处理、动画制作以及Ajax交互...
本篇文章将详细探讨如何使用JavaScript实现本地及客户端图片预览，并提供一个支持图片比例缩放和清空背景的功能，同时兼容IE8浏览器。 首先，我们需要理解JavaScript如何访问和操作HTML中的元素。在HTML中，我们...
在网页中，我们经常需要提供文件下载功能，特别是图片和视频。然而，浏览器有时会根据文件类型自动进行预览，而不是触发下载。针对这一问题，我们可以利用JavaScript和第三方库download.js来实现无论何种文件格式都...
标题中的“上传图片预览-兼容IE6，IE7，IE8，FF”指的是一个Web开发的技术解决方案，目的是实现图片上传前的预览功能，并确保该功能在早期版本的Internet Explorer（IE6、IE7、IE8）以及Firefox浏览器上都能正常工作...
标题中的“本地图片上传即时预览”是一个常见的前端开发功能，尤其在网页表单、社交媒体应用或者在线编辑器中非常普遍。这个功能允许用户在选择本地图片后立即在页面上看到预览效果，无需等待图片实际上传到服务器。...