在Email系统中经常会上传多个文件到服务器，用户大多习惯一次上传所有的文件，而不是逐个上传，我们可以使用javascript动态地添加file元素到表单，然后在服务器端处理这些file

效果图如下:

页面代码MutlileFileUpload.aspx如下:

[html]  view plain copy

 
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="MutlileFileUpload.aspx.cs"
  2. Inherits="MutlileFileUpload" %>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <title>多文件上传到服务器Demo</title>
  7. <link href="css/writemail.css" rel="stylesheet" type="text/css" />
  8. <script type="text/javascript">
  9. <!--
  10. var MAXFILES = 5;        //文件计数器
  11. var fileCount = 0;
  12. function addAttach(noAlert) {
  13. if (fileCount >= MAXFILES && !noAlert) { alert("最多只能添加" + MAXFILES + "个附件！"); return; }
  14. var fileSectionDiv = document.getElementById("files");
  15. var fileItemDiv = document.createElement("div");
  16. fileCount++;
  17. var content = "<input type='file' onchange='return addAttach(true);' name='fileUpload'" + fileCount + "> <a href='#' onclick='return delAttach(\"" + fileCount + "\")' class='delete_attach' >移除附件</a>";
  18. fileItemDiv.id = "fileItemDiv" + fileCount;
  19. fileItemDiv.innerHTML = content;
  20. fileSectionDiv.appendChild(fileItemDiv);
  21. return false;
  22. }
  23. function delAttach(fileIndex) {
  24. var fileSectionDiv = document.getElementById("files");
  25. var fileItemDiv = document.getElementById("fileItemDiv" + fileIndex);
  26. fileSectionDiv.removeChild(fileItemDiv);
  27. fileCount--;
  28. return false;
  29. }    //
  30. --></script>
  31. </head>
  32. <body>
  33. <form id="form1" runat="server">
  34. <div>
  35. <a id="addAttach_a" onclick="return addAttach(false);" href="#"  class="add_attach">添加附件</a>
  36. <div id="files">
  37. </div>
  38. <asp:Button ID="btnSend" runat="server" Text="发送" OnClick="btnSend_Click" />
  39. </div>
  40. </form>
  41. </body>
  42. </html>

样式表WriteMail.css代码如下:

[css]  view plain copy

 
  1. .delete_attach {PADDING-LEFT: 18px; BACKGROUND: url(../images/deleteattch_icon.gif) no-repeat left top; MARGIN-LEFT: 7px; WIDTH: 90px; COLOR: #002f76}.add_attach {PADDING-LEFT: 22px; BACKGROUND: url(../images/attach.gif) no-repeat left center; WIDTH: 90px; COLOR: #002f76}

后台代码MutlileFileUpload.aspx.cs如下:

[csharp] 
view plain
copy

 

  1. using System;
  2. using System.IO;
  3. using System.Web.UI;
  4. public partial class MutlileFileUpload : System.Web.UI.Page
  5. {
  6. protected void Page_Load(object sender, System.EventArgs e)
  7. {        //告诉表单如何格式化文件信息
  8. Page.Form.Enctype = "multipart/form-data";
  9. }
  10. protected void btnSend_Click(object sender, EventArgs e)
  11. {
  12. for (int index = 0; index < Request.Files.Count; index++)
  13. {
  14. if (!string.IsNullOrEmpty(Request.Files[index].FileName))
  15. {
  16. Request.Files[index].SaveAs(Path.Combine(Server.MapPath("Files"), System.IO.Path.GetFileName(Request.Files[index].FileName)));
  17. }
  18. }
  19. }
  20. }

使用ASP.NET上传多个文件到服务器的更多相关文章

  1. .NET 客户端上传本地excel文件到服务器上,并在客户端显示

    // 上传按钮 protected void btnUp_Click(object sender, EventArgs e) { bool b = Upload(fuExcel); // 上传exce ...

  2. asp.net 文件上传，大文件上传。

    新建一个asp.net页面,在工具栏里拖入 FileUpload 上传控件.一个按钮 Button  !    !     ! 进入Button事件 //----------------------- ...

  3. 强大的支持多文件上传的jQuery文件上传插件Uploadify

    支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持Fla ...

  4. 动态上传多个文件(asp)

    CreateElements.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &quo ...

  5. ASP.NET上传文件的几种方法

      //上传文件实例 if (fileDealer.HasFile)//判断文件是否存在        {            string filepath = "";     ...

  6. asp.net 上传文件

    文件上传实例 公司产品中一直是采用 flash 实现文件上传功能,但用户的需求多了以后遇到了越来越多难以解决的问题,最后试着用硕正提供的freeform.小型页面控件来解决. 硕正文件上传的实现途径有 ...

  7. ASP.Net上传文件

    在做Web项目时,上传文件是经常会碰到的需求.ASP.Net的WebForm开发模式中,封装了FileUpload控件,可以方便的进行文件上传操作.但有时,你可能不希望使用ASP.Net中的服务器控件 ...

  8. Asp.Net_上传文件(ftp、webClient、webService)

    第一种:通过FTP来上传文件 首先,在另外一台服务器上设置好FTP服务,并创建好允许上传的用户和密码,然后,在ASP.NET里就可以直接将文件上传到这台 FTP 服务器上了.代码如下: <%@ ...

  9. ASP.NET实现二维码 ASP.Net上传文件 SQL基础语法 C# 动态创建数据库三（MySQL） Net Core 实现谷歌翻译ApI 免费版 C#发布和调试WebService ajax调用WebService实现数据库操作 C# 实体类转json数据过滤掉字段为null的字段

    ASP.NET实现二维码 using System;using System.Collections.Generic;using System.Drawing;using System.Linq;us ...

随机推荐

  1. 我的sublime text3 配置文件设置

    { "ignored_packages": [ "Vintage" ], //vim模式 "line_padding_bottom": 2, ...

  2. [BZOJ 4071] 巴邻旁之桥

    Link: BZOJ 4071传送门 Solution: 首先算出能提前算的贡献 $K=1$:肯定选中间的点,小学数学 $K=2$:对于每对$(x,y)$一定选离$(x+y)/2$近的桥 也就是说将$ ...

  3. 【费用流】BZOJ1927-[Sdoi2010]星际竞速

    [题目大意] 有一些点,它们之间存在一些有向边(由编号小的到编号大的),从一点到另一点消耗时间为边长.也可以消耗Ti时间直接抵达任意一个点.问所有点都走一遍最少需要多少时间? [思路] ①将每个点i拆 ...

  4. LNMP包环境下使用TP5框架通过ODBC连接MSSQL方案

    本文主要介绍了如何在linux下使用php语言的thinkphp5框架通过pdo_odbc的方式连接MSSQL的方案步骤: 1.下载微软官方发布的ODBC驱动包 Red Hat 5/6:https:/ ...

  5. 微信小程序的坑

    虽然官方文档,可以在.json中给页面设置背景颜色,用backgroundColor,但是实际上并不好使,所以设置背景颜色只能在wxss中设置 <import src="../comm ...

  6. WinForm中DataGridView验证单元格输入的是数字

    转载:http://www.cnblogs.com/ganqiyin/archive/2013/02/18/2915491.html 事件:DataGridView验证单元格输入的是数字,DataGr ...

  7. c#封装三维向量，另外也看了下别人的C++封装

    一. c#实现 /* Vector3 Definition Created by taotao man on 2016-4-12 brief:封装三位向量类Vector3 // 修改记录: date: ...

  8. HTML5画：线、圆、矩形、渐变

    示例一:矩形 <!DOCTYPE html><head> <meta charset=utf-8> <title>HTML5画线.圆.矩形</ti ...

  9. PHP：相对于C#，PHP中的个性化语法

    背景 今天把PHP的基本语法结构熟悉了一下,包括:变量.类型.常量.运算符.字符串.作用域和函数等,本文列举一些我需要强化记忆的结构(和C#不同). 一些个性化的结构 foreach结构 <?p ...

  10. gradle 2.1构建android出现错误的解决方案

    转自:http://www.tuicool.com/articles/YJNJbuA 使用不同版本Gradle构建Andorid 出现Gradle version xxxx is required 坑 ...