开发学院WEB开发ASP.NET ASP.NET如何实现多文件上传 阅读

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"

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

解决方案:设置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 :执行超时   ,如果设置的上传文件较大,则可能需要修改此处的设置

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

Tags:ASP.NET 多文件 上传

编辑录入:爽爽 [复制链接] [打 印]
[]
  • 好
  • 好的评价 如果觉得好,就请您
      0%(0)
  • 差
  • 差的评价 如果觉得差,就请您
      0%(0)
赞助商链接