Asp.net中FileUpload控件实现图片上传并带预览显示
2014-09-18 09:42
891 查看
单一图片上传——“选择”+“上传”,.NET默认模式:
1.实现原理:
采用FileUpload控件默认的使用方式,先由“选择”按钮选择图片,然后单击“上传”按钮完成上传,并可在“上传”按钮的单击事件中加载已上传图片。
2.关键代码:
页面代码:
后台代码:
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 = "你还没有选择上传文件!"; } }
相关文章推荐
- Asp.net实现同页面内多图片自动上传并带预览显示
- FileUpload控件实现单按钮图片自动上传并带预览显示
- asp.net 2.0 FileUpload控件 上传图片 带预览
- asp.net fileupload控件上传图片并预览图片
- asp.net fileupload控件上传图片并预览图片
- asp.net 使用FileUpload控件上传并显示图片
- ASP.NET使用FileUpLoad控件上传图片前预览图片
- ASP.NET MVC实现图片上传、图片预览显示
- ASP.NET MVC实现图片上传、图片预览显示
- asp.net FileUpload 控件上传文件 以二进制的形式存入数据库并将图片显示出来
- Asp.Net中FileUpload控件实现图片预览
- asp.net在ie7中使用FileUpload上传前预览图片
- Asp.net 2.0 用 FileUpload 控件实现多文件上传 用户控件(示例代码下载)
- [导入]Asp.net 2.0 用 FileUpload 控件实现多文件上传 用户控件(示例代码下载)
- asp.net 实现图片上传时预览(转)
- Asp.net 2.0 用 FileUpload 控件实现多文件上传 用户控件(示例代码下载)
- 14-ASP.NET 使用FileUpload控件上传图片并自动生成缩略图
- asp.net在ie7中使用FileUpload上传前预览图片
- Asp.net 2.0 用 FileUpload 控件实现多文件上传 用户控件(示例代码下载)
- asp.net在ie7中使用FileUpload上传前预览图片