ASP.NET 多文件上传
2010-11-15 07:53 木+头 阅读(703) 评论(1) 编辑 收藏 举报关于多文件上传
园子里有很动大虾和科学家们都有描述
由于工作原因,小弟也需要实现该功能,所以自己体验了下
整理下思路后,就开始说干就干了
现在介绍多文件上传的实现步骤,以及碰到的问题
1.设计页面,由于是Demo 程序界面设计就没去美化,贴代码
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<%@ 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.后台代码的编写
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
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 :执行超时 ,如果设置的上传文件较大,则可能需要修改此处的设置
多文件上传我所知道的就这些了,有什么不对的地方还请多多提醒