FileUpload在IE7、IE8頁面中顯示本地圖片

 

1、設定Internet選項：安全-自訂層級-將檔案上傳到伺服器時包含本地目錄路徑-啟用

2、在加入head中加入
    <style type="text/css">
    #PreviewImg
    {
     FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
    }
    </style>
    <script type="text/javascript">
     function ShowImg(obj)
         {  
            var AllowExt = ".jpg|.gif|.bmp|";
            var FileExt = obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
            if (AllowExt != 0 && AllowExt.indexOf(FileExt + "|") == -1)  //判斷檔案類型是否允許上傳
            {
                alert("您上傳的不是圖片！");
            }
            else
            {
                var newPreview = document.getElementById("PreviewImg");
                newPreview.innerHTML = "";
                newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = obj.value;
                newPreview.style.width = "100px";
                newPreview.style.height = "100px";
            }
         }
    </script>

3、頁面中控制項：
<asp:FileUpload ID="ZhuCSBUpload" runat="server" Width="200px" onchange='ShowImg(this)' />
<div id="PreviewImg" style="width: 100px; height: 100px">
</div>