首页 > 代码库 > Asp.net中FileUpload控件实现图片上传并带预览显示
Asp.net中FileUpload控件实现图片上传并带预览显示
单一图片上传——“选择”+“上传”,.NET默认模式:
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=http://www.mamicode.com/"" />
后台代码:
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=http://www.mamicode.com/‘upload/{0}‘>upload/{0}", FileUpload.FileName);19 this.img.Src = http://www.mamicode.com/"upload/" + FileUpload.FileName;20 }21 else22 {23 LabMsg.Text = "你还没有选择上传文件!";24 }25 }
Asp.net中FileUpload控件实现图片上传并带预览显示
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。