当前位置:中国产经网 > 互联网 > 公司动态 > 正文

ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)

发布时间:2016-07-06 18:21 来源:互联网 责任编辑:n04n05 点击:

分享到:

本文主要内容为大家讲解的是ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)。感兴趣的同学可以参考学习下,具体内容如下:

这里有新鲜出炉的精品教程,程序狗速度看过来!

ASP.NETASP.NET 是.NET FrameWork的一部分,是一项微软公司的技术,是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术,它可以在通过HTTP请求文档时再在Web服务器上动态创建它们。 指 Active Server Pages(动态服务器页面) ,运行于 IIS(Internet Information Server 服务,是Windows开发的Web服务器)之中的程序 。


我们就要让这些文件上传框动态添加,下面我以我做的一个图库管理中的上传图片的功能为例
在做asp.net的Web开发的时候,我们经常会遇到一次性上传多个文件的需求。通常我们的解决方法是固定放多个上传文件框,这样的解决办法显然是不合理的,因为一次上传多个,就意味着数量不确定。因此我们就要让这些文件上传框动态添加,下面我以我做的一个图库管理中的上传图片的功能为例

先看效果:
打开的初始界面:


默认是上传一个图片,但当我们点“增加图片”按钮时可以实现选择多个图片及其描述同时上传,本功能限制一次最多只能上传8张,且每张图片大小不超过1M,这个大家可根据实际情况更改!
如图:



下面来看实现过程:
第一步,使用javascript代码实现动态添加文件上传框和描述文本框,关键代码如下:
<script type="text/javascript"> var i=1 function addFile() ...{ if (i<8) ...{var str = '<BR> <input type="file" runat="server"/>描述:<input type="text" maxlength="20" />'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
} else ...{ alert("您一次最多只能上传8张图片!") } i++ } </script>HTML调用代码为: <P><INPUT type="button" value="增加图片(Add)"><br /> <input type="file" runat="server"/>
描述:<input type="text" maxlength="20" />
第二步:服务器端代码实现
就上传单个文件或图片来说,使最普通不过的了,但是对于这样的一次性上传多个文件以及它们相应的描述的问题,就要费点周折
首先,通过System.Web.HttpContext.Current.Request.Files方法获取客户端的文件集合,然后通过Request.Form方法获得描述文本框集合,最后利用一个循环将文件上传,并将相应的信息保存到数据库
关键代码如下:
System.Web.HttpFileCollection files = System.Web.HttpContext.Current.Request.Files; string[] rd = Request.Form[1].Split(',');//获得图片描述的文本框字符串数组,为对应的图片的描述 string albumid=ddlAlbum.SelectedValue.Trim(); int ifile; for (ifile = 0; ifile < files.Count; ifile++) ...{ if (files[ifile].FileName.Length > 0) ...{ .......................... //上传单个文件并保存相关信息 } }
最后给出上述功能的全部代码:
HTML代码:
<%...@ Page Language="C#" CodeFile="UploadImg.aspx.cs" Inherits="NetAdmin_APicture_UploadImg" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script type="text/javascript">... var i=1 function addFile() ...{ if (i<8) ...{var str = '<BR> <input type="file" runat="server"/>描述:<input type="text" maxlength="20" />'
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
} else ...{ alert("您一次最多只能上传8张图片!") } i++ } </script> <link href="http://www.cnblogs.com/NetAdmin/Site.Css" type="text/css" /> </head> <body> <form runat="server"> <div> <table cellpadding="1" cellspacing="1"> <tr> <td background="../images/topbg1.jpg"> <font color="#0000ff" face="宋体" size="3"><strong>上传图片</strong></font></td> </tr> <tr> <td> </td> </tr> <tr> <td> <asp:Panel runat="server"> <table> <tr> <td> </td> <td> 说明:点增加图片按钮可一次上传多张图片,可为每张图片写上一句不超过20个字的描述。单张图片大小不大于1024k</td> </tr> <tr> <td> 请选择图片:<br /> </td> <td><P><INPUT type="button" value="增加图片(Add)"><br /> <input type="file" runat="server"/> 描述:<input type="text" maxlength="20" /> </td> </tr> <tr> <td> 上传到的图库:</td> <td> <asp:DropDownList runat="server" DataSourceID="SqlDataSource1" DataTextField="AlbumName" DataValueField="AlbumID"> </asp:DropDownList><asp:SqlDataSource runat="server" ConnectionString="<%$ ConnectionStrings:WebJakeCS %>" SelectCommand="SELECT [AlbumID], [AlbumName] FROM [WB_Album] ORDER BY [AlbumID] DESC"> </asp:SqlDataSource> </td> </tr> <tr> <td> </td> <td> <asp:Button runat="server" Text="开始上传" /> </td> </tr> <tr> <td> </td> <td> <asp:Label runat="server" Font-Bold="True" ForeColor="Red"></asp:Label></td> </tr> </table> </asp:Panel> </td> </tr> <tr> <td> <font face="宋体"></font><font face="宋体"> </font> </td> </tr> <tr> <td> <font face="宋体"></font> </td> </tr> </table> </div> </form> </body> </html>
后台代码:
using System; using System.Data; using System.Configuration; using System.Collections; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using System.IO; public partial class NetAdmin_APicture_UploadImg : System.Web.UI.Page ...{ protected void Page_Load(object sender, EventArgs e) ...{ } protected void btnUpload_Click(object sender, EventArgs e) ...{ lblMessage.Text = ""; lblMessage.Visible = false; System.Web.HttpFileCollection files = System.Web.HttpContext.Current.Request.Files; System.Text.StringBuilder strmsg = new System.Text.StringBuilder(""); string[] rd = Request.Form[1].Split(',');//获得图片描述的文本框字符串数组,为对应的图片的描述 string albumid=ddlAlbum.SelectedValue.Trim(); int ifile; for (ifile = 0; ifile < files.Count; ifile++) ...{ if (files[ifile].FileName.Length > 0) ...{ System.Web.HttpPostedFile postedfile = files[ifile]; if (postedfile.ContentLength / 1024 > 1024)//单个文件不能大于1024k ...{ strmsg.Append(Path.GetFileName(postedfile.FileName) + "---不能大于1024k<br>"); break; } string fex = Path.GetExtension(postedfile.FileName); if (fex != ".jpg" && fex != ".JPG" && fex != ".gif" && fex != ".GIF") ...{ strmsg.Append(Path.GetFileName(postedfile.FileName) + "---图片格式不对,只能是jpg或gif<br>"); break; } } } if (strmsg.Length <= 0)//说明图片大小和格式都没问题 ...{ //以下为创建图库目录 string dirname = "pic00" + ddlAlbum.SelectedValue.Trim(); string dirpath = Server.MapPath("http://www.cnblogs.com/PicBase"); dirpath = dirpath + "\" + dirname; if (Directory.Exists(dirpath) == false) ...{ Directory.CreateDirectory(dirpath); } Random ro = new Random(); int name = 1; for (int i = 0; i < files.Count; i++) ...{ System.Web.HttpPostedFile myFile = files[i]; string FileName = ""; string FileExtention = ""; string PicPath = ""; FileName = System.IO.Path.GetFileName(myFile.FileName); string stro=ro.Next(100,100000000).ToString()+name.ToString();//产生一个随机数用于新命名的图片 string NewName =DateTime.Now.Minute.ToString() + DateTime.Now.Second.ToString()+DateTime.Now.Millisecond.ToString()+stro; if (FileName.Length > 0)//有文件才执行上传操作再保存到数据库 ...{ FileExtention = System.IO.Path.GetExtension(myFile.FileName); string ppath = dirpath + "\" + NewName + FileExtention; myFile.SaveAs(ppath); string FJname = FileName; PicPath = "PicBase" + "\" + dirname + "\" + NewName + FileExtention; } AddPicture(PicPath, rd[i], albumid);//将图片信息保存到数据库 if (name == 1)//如果为每次更新的第一张图片,则将它更新为象册的封面 ...{ upFirstimg(albumid, PicPath); } name = name + 1;//用来重命名规则的变量 } } else ...{ lblMessage.Text = strmsg.ToString(); lblMessage.Visible = true; } } private void AddPicture(string imgpath,string imgnote,string albumid) ...{ string sql = "insert WB_AlbumImges(ImgPath,ImgNote,AlbumID) values('"+imgpath+"','"+imgnote+"','"+albumid+"')"; DB mydb = new DB(); mydb.RunProc(sql); } private void upFirstimg(string albumid,string firstimg) ...{ string sql = "update WB_Album set FirstImg='"+firstimg+"' where AlbumID="+albumid; DB mydb = new DB(); mydb.RunProc(sql); } }

相关阅读 :
asp.net获取当前url的方法
检测含有中文字符串的实际长度
ASP.NET 数据访问类
利用Ajax传递Xml文档
给.net初学者的一些建议(共勉之)
ASP.NET编程中的十大技巧第1/2页
ASP.NET常用函数(推荐)
ASP.NET上传图片并生成可带版权信息的缩略图
ASP.NET中动态控制RDLC报表
用ASP.NET还原与恢复Sql server

Copyright©2006-2016 中国产经网 版权所有 京ICP备13050937号
Www.Chinaice.Cn 作品独家供稿,转载就注明出处