Asp.net中FileUpload控件實現圖片上傳並帶預覽顯示

單一圖片上傳——“選擇”+“上傳”，.NET默認模式:

1.實現原理：

    采用FileUpload控件默認的使用方式，先由“選擇”按鈕選擇圖片，然后單擊“上傳”按鈕完成上傳，並可在“上傳”按鈕的單擊事件中加載已上傳圖片。

2.關鍵代碼：

    頁面代碼：   

<asp:FileUpload ID="FileUpload" runat="server" />
<asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 傳" />
<asp:Label ID="LabMsg" runat="server"></asp:Label>
<img id="img" runat="server" src="" />

    后台代碼：  

 /// <summary>
        /// 上傳單一圖片——有“選擇”+“上傳”兩個按鈕
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void BtnUp_Click(object sender, EventArgs e)
        {
            if (FileUpload.HasFile)
            {
                string savePath = Server.MapPath("~/upload/");//指定上傳文件在服務器上的保存路徑
                //檢查服務器上是否存在這個物理路徑，如果不存在則創建
                if (!System.IO.Directory.Exists(savePath))
                {
                    System.IO.Directory.CreateDirectory(savePath);
                }
                savePath = savePath + "\\" + FileUpload.FileName;
                FileUpload.SaveAs(savePath);
                LabMsg.Text = string.Format("<a href='upload/{0}'>upload/{0}</a>", FileUpload.FileName);
                this.img.Src = "upload/" + FileUpload.FileName;
            }
            else
            {
                LabMsg.Text = "你還沒有選擇上傳文件!";
            }
        }