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 = "你还没有选择上传文件!";
            }
        }