`
wfdoublext
  • 浏览: 129935 次
  • 性别: Icon_minigender_1
  • 来自: 青岛
社区版块
存档分类
最新评论

多文件上传

    博客分类：
  • .net
ASPASP.netWebUIJavaScript 
阅读更多 
<%@ Page language="c#" Codebehind="UpLoad.aspx.cs" AutoEventWireup="false" Inherits="WebPortal.Upload" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
  <HEAD>
    <title>多文件上传</title>
    <script language="JavaScript">
    function addFile()
    {
    	var str = '<INPUT type="file" size="50" NAME="File">'
    	document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)
    }
    </script>
  </HEAD>
  <body>
    <form id="form1" method="post" runat="server" enctype="multipart/form-data">
      <div align="center">
        <h3>多文件上传</h3>
        <P id="MyFile"><INPUT type="file" size="50" NAME="File"></P>
        <P>
          <input type="button" value="增加(Add)" onclick="addFile()">
          <input onclick="this.form.reset()" type="button" value="重置(ReSet)">
          <asp:Button Runat="server" Text="开始上传" ID="UploadButton"></asp:Button>
        </P>
        <P>
        <asp:Label id="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt" 
          Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>
        </P> 
      </div>
    </form>
  </body>
</HTML>

 pay attention to the following code and give a thinking.

<%@ Page language="c#" Codebehind="WebForm7.aspx.cs" AutoEventWireup="false" Inherits="WebTestApplication1.WebForm7" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
  <HEAD>
		<title>多文件上传</title>
		<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<script language="JavaScript">
    function addFile()
    {
    	var str = '<div><INPUT type="file" size="50" NAME="File"></div>'
    	document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)	
    	
    }
    function ff()//give a thinking!
    {
		document.getElementById('MyFile').style.display='none';
    }
		</script>
</HEAD>
	<body>
		<form id="form1" method="post" runat="server" enctype="multipart/form-data">
			<div align="center">
				<h3>多文件上传</h3>
				<div id="MyFile"><INPUT type="file" id="aa" size="50" NAME="File" onfilterchange="addFile()" onreadystatechange="addFile()" onpropertychange="addFile() ;"></div>
				<P>
					<input type="button" value="增加(Add)" onclick="ff()" > <input onclick="this.form.reset()" type="button" value="重置(ReSet)">
					<asp:Button Runat="server" Text="开始上传" ID="UploadButton"></asp:Button>
				</P>
				<P>
					<asp:Label id="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt" Width="500px"
						BorderStyle="None" BorderColor="White"></asp:Label>
				</P>
			</div>
		</form>
	</body>
</HTML>

 

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace WebPortal
{
  /// <summary>
  /// UpLoad 的摘要说明。
  /// 实现多文件上传
  /// </summary>
  public class Upload : System.Web.UI.Page
  {
    protected System.Web.UI.WebControls.Button UploadButton;
    protected System.Web.UI.WebControls.Label strStatus;

    private void Page_Load(object sender, System.EventArgs e)
    {
      /// 在此处放置用户代码以初始化页面
      if (this.IsPostBack) this.SaveImages();
    }

    private Boolean SaveImages()
    {
      ///'遍历File表单元素
      HttpFileCollection files  = HttpContext.Current.Request.Files;

      /// '状态信息
      System.Text.StringBuilder strMsg = new System.Text.StringBuilder();
      strMsg.Append("上传的文件分别是：<hr color=red>");
      try
      {
        for(int iFile = 0; iFile < files.Count; iFile++)
        {
          ///'检查文件扩展名字
          HttpPostedFile postedFile = files[iFile];
          string fileName, fileExtension;
          fileName = System.IO.Path.GetFileName(postedFile.FileName);
          if (fileName != "")
          {
            fileExtension = System.IO.Path.GetExtension(fileName);
            strMsg.Append("上传的文件类型：" + postedFile.ContentType.ToString() + "<br>");
            strMsg.Append("客户端文件地址：" + postedFile.FileName + "<br>");
            strMsg.Append("上传文件的文件名：" + fileName + "<br>");
            strMsg.Append("上传文件的扩展名：" + fileExtension + "<br><hr>");
            ///'可根据扩展名字的不同保存到不同的文件夹
            ///注意：可能要修改你的文件夹的匿名写入权限。
            postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("images/") + fileName);
          }
        }
        strStatus.Text = strMsg.ToString();
        return true;
      }
      catch(System.Exception Ex)
      {
        strStatus.Text = Ex.Message;
        return false;
      }
    }
  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
  //
  // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
  //
  InitializeComponent();
  base.OnInit(e);
  }

  /// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {    
    this.ID = "Upload";
    this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion
  }
}

 

分享到：
| C#正则表达式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    java多文件上传实现

    在Java开发中，多文件上传是一项常见的功能，尤其在Web应用中，用户可能需要一次性上传多个文件，如图片、文档等。本知识点将详细介绍如何在Java中实现这一功能，以及结合Flash实现上传界面并显示上传进度条。 1. *...

    多文件上传和展示

    多文件上传功能则意味着用户可以一次性选择并上传多个文件，大大提高了数据传输的效率。 【详细实现】 1. **引入资源**：首先，你需要在HTML文件中引入Bootstrap和Bootstrap-fileinput的相关CSS和JS文件。这些文件...

    EXTJS 多文件上传

    在EXTJS中，`MultiFileUploadField` 是一个组件，它允许用户在单个操作中选择并上传多个文件，极大地提升了用户交互体验。这个功能对于处理大量文件上传的场景非常有用，比如在内容管理系统、图像库或者文件分享平台...

    多文件上传 源码

    这个源码可能提供了一种实现方式，允许用户同时上传多个文件，并且带有进度条显示，用户可以随时停止或删除正在上传的文件。这样的功能提高了用户体验，因为它允许用户批量处理文件，而无需逐一操作。 在实现多文件...

    基于SpringBoot的文件上传系统，前后端分离，单文件上传，多文件上传，大文件上传，断点续传，文件秒传，图片上传

    基于SpringBoot的文件上传系统，前后端分离，单文件上传，多文件上传，大文件上传，断点续传，文件秒传，图片上传 项目经过严格测试，确保可以运行！ 采用前后端分离的方式进行开发，实现了几种常用的文件上传功能...

    JSP多文件上传（同时上传）

    "JSP多文件上传"是一个常见的需求，特别是在文件分享、在线教育或文档管理等场景。这个功能允许用户一次性选择并上传多个文件，提高了用户体验，减少了多次点击和等待时间。 实现JSP多文件上传，我们需要了解以下几...

    C# .NET FileUpload 多文件上传例子

    对于初学者来说，理解并实现多文件上传是一项重要的技能，它可以帮助你构建交互性强、功能完善的Web应用程序。在这个"C# .NET FileUpload 多文件上传例子"中，我们将探讨两种主要的方法，帮助你理解和掌握这一关键...

    JSP同时选择多文件上传MultifileUploadDemo

    在多文件上传的场景中，JSP主要负责接收和处理来自客户端的文件上传请求。 在"MultifileUploadDemo"中，我们利用了Flash作为前端的上传组件。Flash因其支持多媒体和交互性而被广泛用于创建丰富的互联网应用程序。在...

    uniapp 多文件上传

    在uniapp框架中，多文件上传是一个常见的功能需求，尤其在构建移动应用或者Web应用时。uniapp基于Vue.js，提供了丰富的API接口，使得开发者能够方便地实现这一功能。本篇将详细介绍如何在uniapp中进行多文件上传，并...

    javascript+HTML5 多文件上传（插件）多进度条显示

    在本项目中，"javascript+HTML5 多文件上传（插件）多进度条显示"是一个实现这一功能的实例，它允许用户选择并上传多个文件，并在上传过程中实时显示每个文件及整体的上传进度。下面将详细介绍这个技术实现的关键...

    flash 实现的多文件上传

    标题中的“Flash实现的多文件上传”指的是使用Adobe Flash技术来实现用户在Web页面上同时上传多个文件的功能。Flash在过去的网页开发中被广泛应用于多媒体交互和富互联网应用（RIA），其中包括文件上传功能，因为它...

    Ext3.0实现多文件上传.rar

    这个功能通常在网页应用中用于让用户能够一次性上传多个文件，如图片、文档等，极大地提高了用户体验。 多文件上传通常涉及以下几个关键技术点： 1. **HTML5 File API**: 这是实现多文件上传的基础。File API允许...

    大文件上传，和多文件上传

    多文件上传是指一次操作中上传多个文件的能力。这种功能常见于照片分享网站、文档管理应用等。实现多文件上传，通常有以下方法： 1. **HTML5 File API**：现代浏览器支持HTML5的File API，可以一次性选择并上传多个...

    多文件上传--多文件上传组件

    在IT行业中，多文件上传是一项常见的功能，尤其在网页应用和桌面软件中，它允许用户一次选择并上传多个文件，极大地提高了工作效率。本资源提供的是一款基于Eclipse开发的多文件上传组件，它可以帮助开发者轻松地...

    uploadify多文件上传例子代码

    在IT行业中，文件上传是网页应用中常见的功能之一，尤其在大数据时代，用户可能需要一次上传多个文件。"uploadify"是一款广泛使用的JavaScript插件，它使得多文件上传变得简单而高效。本示例代码是关于如何使用...

    springMVC实现多文件上传需要的jar

    这里，我们主要关注"springMVC多文件上传需要的jar"这一资源，它包含了实现这一功能所必需的Java档案（JAR）文件。 首先，Spring MVC是Spring框架的一个模块，专门处理Web应用的请求和响应。它提供了模型-视图-控制...

    java多文件上传

    在Java开发中，多文件上传是一项常见的功能，尤其在Web应用程序中，如用户需要上传图片、文档等附件。本示例提供了实现这一功能的具体代码和数据库相关资源，旨在帮助开发者快速构建自己的多文件上传功能。 首先，...

    异步提交多文件上传

    1. **多文件上传**：多文件上传是指用户可以在一次操作中选择并上传多个文件，而不是逐个上传。这提高了用户体验，减少了用户的交互次数。在HTML5中，`&lt;input type="file" multiple&gt;`标签被引入，使得浏览器支持多选...

    ExtJS4多文件上传，带进度条及管理

    在Web应用中，多文件上传功能通常用于让用户一次性上传多个文件，比如图片、文档等。ExtJS4提供了一种解决方案，允许用户通过一个交互式的界面来上传多个文件，并可以分别处理每个文件的上传状态。 **三、上传组件...

Magicbox
Global site tag (gtag.js) - Google Analytics