IE7中预览图片

在IE6中可以很轻易的预览本地图片，只要指定 img的src就可以了。

但是在IE7中就不行了。

必须使用AlphaImageLoader属性

例：

<style type="text/css">
#newPreview
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
</style>
<script type="text/javascript" language="javascript">

function PreviewImg(imgFile)
{   
    var newPreview = document.getElementById("newPreview");
 
    newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
    newPreview.style.width = "80px";
    newPreview.style.height = "60px";
}

</script>
<div id="newPreview"></div>

<p>请选择一个图片进行预览：<input type="file" size="20" οnchange="javascript:PreviewImg(this);" /></p>

 

在这里：

  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader 是一个css滤镜，支持IE5.5以上版本

 filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( enabled=bEnabled, sizingMethod=sSize, src=sURL)
属性：
enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false
　　　　　　true : 默认值。滤镜激活。
　　　　　　false : 滤镜被禁止。

具体：

 

说明：

 
在对象容器边界内，在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG格式，则0%-100%的透明度也被提供。
PNG格式的图片的透明度不妨碍你选择文本。也就是说，你可以选择显示在PNG格式的图片完全透明区域后面的内容。