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格式的圖檔完全透明區域後面的内容。