ASP.NET如何实现多文件上传

　2010-11-15 08:14:08　来源：WEB开发网　　　

核心提示：1.设计页面，由于是Demo 程序界面设计就没去美化，ASP.NET如何实现多文件上传，贴代码<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MulitFilesUpload.aspx.cs&qu

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>    </div>    <div>        <asp:Button ID="btnSave" runat="server" Text="保存" OnClick="btnSave_Click" />    </div>    </form></body></html>

2.后台代码的编写

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"

1 2 下一页