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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ASP.NET(C#)实现一次性动态上传多张图片的代码（多个文件），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8005字，纯文字阅读大概需要12分钟。

内容图文

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

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

第一步，使用javascript代码实现动态添加文件上传框和描述文本框，关键代码如下：

 
<script type="text/javascript"> 
var i=1 
function addFile() 
...{ 
if (i<8) 
...{var str = ‘<BR> <input type="file" name="File" runat="server" style="width: 300px"/>描述：<input name="text" type="text" style="width: 150px" maxlength="20" />‘ 
document.getElementById(‘MyFile‘).insertAdjacentHTML("beforeEnd",str) 
} 
else 
...{ 
alert("您一次最多只能上传8张图片！") 
} 
i++ 
} 
</script>HTML调用代码为： 
<P id="MyFile"><INPUT onclick="addFile()" type="button" value="增加图片(Add)"><br /> 
<input type="file" name="File" runat="server" style="width: 300px"/>

　　描述：<input name="text" type="text" style="width: 150px" 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" name="File" runat="server" style="width: 300px"/>描述：<input name="text" type="text" style="width: 150px" maxlength="20" />‘ 
document.getElementById(‘MyFile‘).insertAdjacentHTML("beforeEnd",str) 
} 
else 
...{ 
alert("您一次最多只能上传8张图片！") 
} 
i++ 
} 
</script> 
<link href="http://www.cnblogs.com/NetAdmin/Site.Css" rel="stylesheet" type="text/css" /> 
</head> 
<body style="background-image: url(../images/bg.jpg); text-align: center"> 
<form id="form1" runat="server"> 
<div> 
<table id="Table1" align="center" border="0" cellpadding="1" cellspacing="1" class="table" 
style="height: 58px" width="620"> 
<tr> 
<td align="center" background="../images/topbg1.jpg"> 
<font color="#0000ff" face="宋体" size="3"><strong>上传图片</strong></font></td> 
</tr> 
<tr> 
<td align="center"> 
</td> 
</tr> 
<tr> 
<td align="center"> 
<asp:Panel ID="Panel5" runat="server" Width="608px"> 
<table width="100%"> 
<tr> 
<td align="right" style="width: 100px"> 
</td> 
<td align="left"> 
说明：点增加图片按钮可一次上传多张图片，可为每张图片写上一句不超过20个字的描述。单张图片大小不大于1024k</td> 
</tr> 
<tr> 
<td align="right" style="width: 100px"> 
请选择图片：<br /> 
</td> 
<td align="left"><P id="MyFile"><INPUT onclick="addFile()" type="button" value="增加图片(Add)"><br /> 
<input type="file" name="File" runat="server" style="width: 300px"/> 
描述：<input name="text" type="text" style="width: 150px" maxlength="20" /> 
</td> 
</tr> 
<tr> 
<td align="right" style="width: 100px"> 
上传到的图库：</td> 
<td align="left"> 
<asp:DropDownList ID="ddlAlbum" runat="server" DataSourceID="SqlDataSource1" 
DataTextField="AlbumName" DataValueField="AlbumID"> 
</asp:DropDownList><asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:WebJakeCS %>" 
SelectCommand="SELECT [AlbumID], [AlbumName] FROM [WB_Album] ORDER BY [AlbumID] DESC"> 
</asp:SqlDataSource> 
</td> 
</tr> 
<tr> 
<td align="right" style="width: 100px"> 
</td> 
<td align="left"> 
<asp:Button ID="btnUpload" runat="server" Text="开始上传" OnClick="btnUpload_Click" /> 
</td> 
</tr> 
<tr> 
<td align="right" style="width: 100px"> 
</td> 
<td align="left"> 
<asp:Label ID="lblMessage" runat="server" Font-Bold="True" ForeColor="Red"></asp:Label></td> 
</tr> 
</table> 
</asp:Panel> 
</td> 
</tr> 
<tr> 
<td align="center"> 
<font face="宋体"></font><font face="宋体"> </font> 
</td> 
</tr> 
<tr> 
<td align="center"> 
<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); 
} 
}

原文：http://www.cnblogs.com/njccqx/p/5763068.html

内容总结

以上是互联网集市为您收集整理的ASP.NET(C#)实现一次性动态上传多张图片的代码（多个文件）全部内容，希望文章能够帮你解决ASP.NET(C#)实现一次性动态上传多张图片的代码（多个文件）所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1102000.html

来源：【匿名】

【上一篇】C#抽象类和抽象方法的实现【下一篇】assemblyinfo.csC#Assembly类访问程序集信息

更多 ►

【ASP.NET(C#)实现一次性动态上传多张图片的代码（多个文件）】教程文章相关的互联网学习教程文章

C#：将图片文件上传到数据库两种方法。【代码】

方法1：将图片复制到指定文件夹，在数据库中存储图片路径，通过读取路径来显示图片。string str;privatevoid toolStripButton1_Click(object sender, EventArgs e){if (openFileDialog1.ShowDialog() == DialogResult.OK){str = openFileDialog1.FileName;pictureBox1.Image = Image.FromFile(str);}}//打开文件并在PictureBox中显示图片privatevoid toolStripButton2_Click(object sender, EventArgs e){string filename = DateTi...

C# 文件上传下载功能实现文件管理引擎开发【代码】【图】

Prepare 本文将使用一个NuGet公开的组件技术来实现一个服务器端的文件管理引擎，提供了一些简单的API，来方便的实现文件引擎来对您自己的软件系统的文件进行管理。在Visual Studio 中的NuGet管理器中可以下载安装，也可以直接在NuGet控制台输入下面的指令安装：Install-Package HslCommunication NuGet安装教程 http://www.cnblogs.com/dathlin/p/7705014.html技术支持QQ群：592132877 （组件的版本更新细节也将第一时间在群里发...

C#文件上传编码乱码【代码】

又遇到文件编码乱码的事情，这回稍微有些头绪，但是还是花了很多时间去解决。场景：上传csv文件，导入到数据库。上传文件的编码不定，需要转成unicode存储。问题点：需要解决判断上传文件的编码。关于编码，网上已有很多博客解释，只需查询关键字 unicode ansi bom 等下面贴一个.net 官方的一些编码类型地址：https://msdn.microsoft.com/zh-cn/library/windows/desktop/dd317756(v=vs.85).aspx我这边主要是判断中文编码和unicode...

C# 实现FTP上传和下载【代码】

C# 实现FTP下载文件初学C# 需要用到FTP下载文件，在这里记录一下。using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Net; using System.IO; using System.Threading;namespace FtpUtils {class FtpHelper{// 默认常量定义private static readonly string rootPath = "/";private static readonly int defaultReadWriteTimeout = 300000;privat...

发一些自己最常用的C#函数（二) :上传图片处理【代码】【图】

using System; using System.Drawing; using System.Drawing.Drawing2D; using System.Drawing.Imaging;namespace ZooleeBasic {publicclass ZImage{privatestaticreadonlystring[] ImageFileExtensions = { ".bmp", ".gif", ".jpg", ".jpeg", ".png" };privatestaticreadonly ImageFormat[] ImageFormats = { ImageFormat.Bmp, ImageFormat.Gif, ImageFormat.Jpeg, ImageFormat.Jpeg, ImageFormat.Png };///<summary>/// 缩放模式...

C#文件上传到服务器——转载至wcj1984abc

C# 上传文件webconfig 配置 <add key="FileType" value=".doc,.xls,.txt,.rar"/> <add key="PicTureTye" value=".jpg|.gif|.png|.bmp|.psd|.svg|"/>  <add key="FileSizeLimit" value="102400"/> #region 判断上传文件类型 protected bool IsAllowableFileType() { //从web.config读取判断文件类型限制 string strFileTypeLimit = ConfigurationManager.AppSet...

[原创]超强C#图片上传，加水印，自动生成缩略图源代码

<%@ Page Language=“C#“ AutoEventWireup=“true“ %> <%@ Import Namespace=“System“ %> <%@ Import Namespace=“System.IO“ %> <%@ Import Namespace=“System.Net“ %> <%@ Import NameSpace=“System.Web“ %> <%@ Import NameSpace=“Legalsoft.Images“ %> <script language=“C#“ runat=“server“> protected void Page_Load(object sender, EventArgs e) { if (IsPostBack) { foreach (string f in Requ...

C# 实现图片上传【代码】

C# 实现图片上传C#实现图片上传：通过页面form表单提交数据到动作方法，动作方法实现保存图片到指定路径，并修改其文件名为时间格式页面设置这里使用的模板MVC自带的模板视图<h2>上传图片信息</h2> <form action="/updownImg/UpImage" method="post" enctype="multipart/form-data"> <input type="file" name="file" /> <input type="submit" name="" value="上传" /> </form> 上传文件表单必须加上 enctype="multipart/form-data...

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

在做asp.net的Web开发的时候，我们经常会遇到一次性上传多个文件的需求。通常我们的解决方法是固定放多个上传文件框，这样的解决办法显然是不合理的，因为一次上传多个，就意味着数量不确定。因此我们就要让这些文件上传框动态添加，下面我以我做的一个图库管理中的上传图片的功能为例默认是上传一个图片，但当我们点“增加图片”按钮时可以实现选择多个图片及其描述同时上传，本功能限制一次最多只能上传8张，且每张图片大小不超...

C#Excel上传批量导入sqlserver【代码】

前台： <x:FileUpload ID="btnUpField" runat="server" Label="上传Excel批量导入用户信息" ShowLabel="true" ></x:FileUpload><x:Button ID="Button1" Text="上传" runat="server" Icon="SystemSaveNew"OnClick="btnUpField_Click"></x:Button>后台：protectedvoid btnUpField_Click(object sender, EventArgs e){//将需要导入的文件上传到服务器 string filePath = "";string fileExtName = "";string myFileName;//用不到，但...

Winform(C#)——向服务器上传文件代码

public string UpLoadFile(string fileNamePath, string uriString, bool IsAutoRename) { string fileName = fileNamePath.Substring(fileNamePath.LastIndexOf("\\") + 1); uriString = "http://192.168.0.62/pdf/"; string NewFileName = fileName; if (IsAutoRename) { NewFileName = DateTime.Now.ToString("yyyyMMddhhmmss") + DateTime.Now...

C#FTP文件上传操作

public class FTP { static FtpWebRequest reqFTP; static WebResponse response; static StreamReader ftpStream; static Stream strm; static FileStream fs; //const string temp = "temp"; static string filenametemp = ""; static string ftpServerIP = ConfigurationManager.AppSettings["ftpIP"]; static string ftpUserID = ConfigurationManager.App...

Atitit 文件上传架构设计实现机制解决方案实践java php c#.net js javascript c++ python

Atitit 文件上传架构设计实现机制解决方案实践 java php c#.net js javascript c++ python 1 . 上传的几点要求 2 1 .1. 本地预览 2 1 .2. 2 无刷新 2 1 .3. 3 进度显示 2 1 .4. 断点续传 2 1 .5. 跨 bs cs 2 1 .6. 带进度条 2 1 .7. 完成提示动画效果 .. 2 2 . 标准化 api 属性 2 3 . 实现原理利用 FormData 对象,你可以使用一系列的键值对...

C#实现上传照片到物理路径，并且将地址保存到数据库的小例子【图】

效果：思路：首先，获取图片物理地址，然后进行判断将图片保存到文件夹下，再将图片的信息保存到数据库。数据库：代码如下:create table image1(ID int identity(1,1) primary key,ImageName varchar(100) ,ImageType varchar(20),ImagePath varchar(200)) 代码：代码如下:<body> <form id="form1" runat="server"> <div> <table> <tr> <td colspan="2" style="height: 21px"> ...

C#保存上传来的图片示例代码

代码如下:[HttpPost] public string UploadImage() { //string ss = Request.Form["uploadFile"]; //return ss; HttpPostedFileBase uploadFile = Request.Files[0]; string fileName = uploadFile.FileName; int fileSize = uploadFile.ContentLength; string fileExt = Path.GetExtension(fileName).ToLower(); string message = ""; if (!(fileExt == ".png" || fileExt == ".gif" || fileExt == ".jpg" || fileExt == ".jpeg")...

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

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

内容导读

内容图文

内容总结

内容备注

内容手机端

【ASP.NET(C#)实现一次性动态上传多张图片的代码（多个文件）】教程文章相关的互联网学习教程文章

C#：将图片文件上传到数据库两种方法。【代码】

C# 文件上传下载功能实现文件管理引擎开发【代码】【图】

C#文件上传编码乱码【代码】

C# 实现FTP上传和下载【代码】

发一些自己最常用的C#函数（二) :上传图片处理【代码】【图】

C#文件上传到服务器——转载至wcj1984abc

[原创]超强C#图片上传，加水印，自动生成缩略图源代码

C# 实现图片上传【代码】

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

C#Excel上传批量导入sqlserver【代码】

Winform(C#)——向服务器上传文件代码

C#FTP文件上传操作

Atitit 文件上传架构设计实现机制解决方案实践java php c#.net js javascript c++ python

C#实现上传照片到物理路径，并且将地址保存到数据库的小例子【图】

C#保存上传来的图片示例代码

上传 - 相关标签

代码 - 相关标签

C# - 技术教程分类

C# - 最新教程

C# - 最热教程