ASP.NET上传图片立即显示（不上传到服务器）

  第一种

(解决IE7不允许访问本地文件的弊端 ）

在页面加入如下代码
<style type="text/css">#newPreview {
     FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
    }
    </style>  

    <script language="javascript" type="text/javascript">
    function PreviewImg(imgFile)
    {   
        var newPreview = document.getElementById("newPreview");
        newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
        newPreview.style.width = "120px";
        newPreview.style.height = "168px";
    }

    </script>


在FileUpload 里加入下面事件
<asp:FileUpload ID="file_image" runat="server" οnchange="PreviewImg(this)" />
<div id="newPreview"></div>

 

第二种

<tr bgcolor="#f5f5f5">
     <td height="30" align="center" valign="middle">图片链接</td>
     <td height="35" align="center" valign="middle"><input type="file" name="uploadfile1" runat="server" id="uploadfile1" onpropertychange="document.all.imgID.src='file:///'+this.value"> &nbsp;
     </td>
    </tr>
    <tr bgcolor="#f5f5f5">
     <td height="70" align="center" valign="middle">缩略图</td>
     <td height="70" align="center" valign="middle"><img id="imgID" width="82" height="65" border="0" >&nbsp;
     </td>
    </tr>