ASP.NET 多文件上传

关于多文件上传

园子里有很动大虾和科学家们都有描述

由于工作原因，小弟也需要实现该功能，所以自己体验了 代码生成器 下

整理下思路后，就开始说干就干了

现在介绍多文件上传的实现步骤，以及碰到的问题

 

1.设计页面，由于是Demo 程序界面设计就没去美化，贴代码

 

代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--> <% @ Page Language = " C# " AutoEventWireup = " true " CodeBehind = " MulitFilesUpload.aspx.cs "
Inherits = " WQT.WebUI.Jquery.MulitFilesUpload " %>

<! 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 " src = " ../Lib/jquery-1.4.2.min.js " ></ script >

< script type = " text/javascript " >
var fileIndex = 2 ;
var controlId = " file " ;
$(function() {
$( " #btnAddNew " ).bind( " click " , function() {
$( " #Container " ).append( " <input type='file' name=' " + controlId + fileIndex + " ' /> " );
fileIndex ++ ;
});
});
</ script >

</ head >
< body >
< form id = " form1 " runat = " server " enctype = " multipart/form-data " >
< div id = " Container " style = " width: 280px; " >
< h3 > 多文件上传 </ h3 >
< input type = " file " name = " file1 " />
< a id = " btnAddNew " href = " # " > 添加项 </ a >
</ div >
< div >
< asp:Button ID = " btnSave " runat = " server " Text = " 保存 " OnClick = " btnSave_Click " />
</ div >
</ form >
</ body >
</ html >

小弟才疏学浅，不知道JS这么做会不会有什么不妥，如果有更好的建议和答案，还请不吝赐教

 

2.后台代码的编写

 

代码

<!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->
namespace WQT.WebUI.Jquery
{
public partial class MulitFilesUpload : System.Web.UI.Page
{
private string _saveToPath = " ~/Jquery/uploads/ " ;
protected void Page_Load( object sender, EventArgs e)
{
if (IsPostBack)
{
_saveToPath = Server.MapPath(_saveToPath);
}
}

protected void btnSave_Click( object sender, EventArgs e)
{
int fileCount = Request.Files.Count;
string fileName = string .Empty;
string filePath = string .Empty;
for ( int i = 0 ; i < fileCount; i ++ )
{
fileName = Request.Files[i].FileName;
filePath = _saveToPath + fileName.Substring(fileName.LastIndexOf( " \\ " ) + 1 );
Request.Files[i].SaveAs(filePath) ;
}
}
}
}

 

3.运行页面，单击保存即可

 

在编码中出现的问题，以及部分解决方案参考

 

1.Request.Files无法获取页面传回的文件

如果我们使用服务器上次控件Form的enctype属性是"multipart/form-data"

但是如果我们要上传多个文件（我暂时不知道有什么其他方法，只能用页面JS这种简单的方式去实现）

但是如果我们用<input type="file" name="file1" /> Form表单enctype默认是"application/x-www-form-urlencoded"

这样就导致我们无法获取客户端上传的文件

解决方案：设置Form的enctype属性为"multipart/form-data"

 

2.文件目录 "***" 访问被拒绝

我出现该问题的原因是因为Server.MapPath("~/Jquery/uploads")这样写的

解决方案：在"~/Jquery/uploads"后面加反斜杠"/"（我修改后就出现了另一个问题如下题）

 

3.未能找到路径“***”的一部分

我出现该问题的原因是Request.Files[i].SaveAs(Server.MapPath("~/Jquery/uploads/"));

解决方案：Save方法需要一个文件完整的保存路径（包含文件名）如：Request.Files[i].SaveAs(Server.MapPath("~/Jquery/uploads/") + "test.gif");

 

最后一点文件上次的补充.

文件上次默认大小为4M

如果需要更改上传大小我们可以在

Web.Config 的  System.web 节点中配置一个节点<httpRuntime maxRequestLength="4096" executionTimeout="60" />

maxRequestLength: 最多请求长度，可以控制允许的最大上次的文件大小

executionTimeout  ：执行超时     ，如果设置的上传文件较大，则可能需要修改此处的设置

 

多文件上传我所知道的就这些了，有什么不对的地方还请多多提醒