码迷,mamicode.com
首页 > Web开发 > 详细

Asp.net中FileUpload控件实现图片上传并带预览显示

时间:2014-09-18 11:01:43      阅读:253      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   io   使用   ar   strong   for   

单一图片上传——“选择”+“上传”,.NET默认模式:

bubuko.com,布布扣

1.实现原理:
    采用FileUpload控件默认的使用方式,先由“选择”按钮选择图片,然后单击“上传”按钮完成上传,并可在“上传”按钮的单击事件中加载已上传图片。
2.关键代码:
    页面代码:   
1 <asp:FileUpload ID="FileUpload" runat="server" />
2 <asp:Button ID="BtnUp" runat="server" onclick="BtnUp_Click" Text="上 传" />
3 <asp:Label ID="LabMsg" runat="server"></asp:Label>
4 <img id="img" runat="server" src="" />
    后台代码: 
 1  /// <summary>
 2         /// 上传单一图片——有“选择”+“上传”两个按钮
 3         /// </summary>
 4         /// <param name="sender"></param>
 5         /// <param name="e"></param>
 6         protected void BtnUp_Click(object sender, EventArgs e)
 7         {
 8             if (FileUpload.HasFile)
 9             {
10                 string savePath = Server.MapPath("~/upload/");//指定上传文件在服务器上的保存路径
11                 //检查服务器上是否存在这个物理路径,如果不存在则创建
12                 if (!System.IO.Directory.Exists(savePath))
13                 {
14                     System.IO.Directory.CreateDirectory(savePath);
15                 }
16                 savePath = savePath + "\\" + FileUpload.FileName;
17                 FileUpload.SaveAs(savePath);
18                 LabMsg.Text = string.Format("<a href=‘upload/{0}‘>upload/{0}</a>", FileUpload.FileName);
19                 this.img.Src = "upload/" + FileUpload.FileName;
20             }
21             else
22             {
23                 LabMsg.Text = "你还没有选择上传文件!";
24             }
25         }

 

Asp.net中FileUpload控件实现图片上传并带预览显示

标签:style   blog   http   color   io   使用   ar   strong   for   

原文地址:http://www.cnblogs.com/xyyt/p/3978566.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!