|
文件上传功能非常实用，单一的文件上传很简单，我们这里介绍如何实现多文件上传的方法。 1.设计页面，由于是Demo 程序界面设计就没去美化，贴代码 <%@ 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> _fcksavedurl=""#">添加项</a> " </div> <div> <asp:Button ID="btnSave" runat="server" Text="保存" OnClick="btnSave_Click" /> </div> </form></body></html> 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) ; } } }} 在编码中出现的问题，以及部分解决方案参考 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 ：执行超时 ，如果设置的上传文件较大，则可能需要修改此处的设置 多文件上传我所知道的就这些了。 |