【ASP.Net】图片上传和显示

上传图片及将图片显示在页面上

1、页面搭建，这里使用的vs中的控件，搭建的页面，代码如下：

 <div>
    <asp:FileUpload ID="FileUpload" runat="server" BackColor="White" BorderStyle="None" Width="300px" />
 </div>
 <div style="margin: -30px 0 0 260px;">
    <asp:Button ID="btnLoad" runat="server" Text="上传图片" class="btn btn-default" OnClick="btnLoad_Click" />
    <asp:Label ID="lblmsg" runat="server" ForeColor="Red"></asp:Label>
</div>
 <br />
<img id="img" runat="server" src="~/images/addimage.png" style="width: 340px; height: 360px" />

2、后端获取图片的路径，并显示在页面中，这里的路径是通过获取日期来建立文件夹的，代码如下：

 protected void btnLoad_Click(object sender, EventArgs e)
{
      if (FileUpload.HasFile)
      {
            //指定上传文件在服务器上的保存路径
                string savePath = Server.MapPath("~/upload/")+"\\" + DateTime.Now.ToString("yyyyMMdd");
                //检查服务器上是否存在这个物理路径，如果不存在则创建
                if (!System.IO.Directory.Exists(savePath))
                {
                    System.IO.Directory.CreateDirectory(savePath);//创建文件夹
                }
                savePath = savePath + "\\" + FileUpload.FileName;
                FileUpload.SaveAs(savePath);

                this.img.Src = "upload/" + DateTime.Now.ToString("yyyyMMdd")+"\\" + FileUpload.FileName;
        }
        else
        {
            lblmsg.Text = "你还没有选择上传文件!";
        }
  }

效果显示：