实现类似Gmail,163邮箱的多文件上传，谁有比较好的办法

最近我的网站在做一个多文件上传功能，不想在页面出现一堆框框，所以就想学Gmail的样子，点“增加附件”直接打开“选择文件”对话框。我的思路是点击“增加附件”按钮创建一个隐藏的InputFile，然后调用InputFile的click()，打开“选择文件”对话框，这种方法在IE下可以，但在Firefox调用InputFile.click()却不行，不知道Firefox该怎么调用？
或者谁知道Gmail、163是怎么实现的，他们的JS代码太密太多了，实在看的头大。另外不需要异步上传。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

老孟的网站好像有
道理很简单
添加一个新附件是就是利用js
先把原来的input type=file 隐藏 display="none";
var file=document.createElement("input type=file");
然后再 "容器".appendChild(file);
最好再设定他的name属性
添加到相应的容器里，
....
服务器端用
Request.Files 获得所有上传文件
我还要的效果是创建InputFile后直接打开“选择文件”对话框，
IE，FireFox上传框都可以创建，就是“newFileInput.click();”FireFox不行。
var newFileInput = document.createElement("input")
newFileInput.setAttbute("type","file");
newFileInput.setAttbute("id","filexx");
newFileInput.setAttbute("name","filexx");
fileInputPanel.appendChild(newFileInput);
newFileInput.click();
not "setAttbute",is "setAttribute"
以前用过的，整理下，方便大伙阅读　http://blog.csdn.net/downmoon/archive/2008/07/23/2695539.aspx
http://www.cnblogs.com/downmoon/archive/2008/07/23/1249410.html
http://blog.csdn.net/downmoon/archive/2008/07/23/2695539.aspx
http://www.cnblogs.com/downmoon/archive/2008/07/23/1249410.html
C# 版本UpLoad.aspx<%@ 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>
UpLoad.aspx.csusing 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
  }
}
这些都是在页面上增加一个FileInput，我想要的效果是在创建完FileInput后，自动打开“选择文件”窗口（在火狐下）？
IE下调用FileInput.click()就可以，但火狐不行。
看了一下163、sina、yahoo，感觉好像是自动打开“选择文件”窗口了，其实本身就是点了“浏览…”按钮，只不过是加工了一下InputFile.
抄一个吧！
你的思路就是正确的思路，GMail在非IE浏览器中一样做不到IE中的效果，还是要用户自己点“浏览”按钮。
楼主试试这个控件：http://www.cnblogs.com/xproer/archive/2010/10/24/1859895.html
此控件是基于标准HTTP协议实现的文件上传功能。优势是扩展性非常好，整合简单，支持批量上传文件和上传文件夹功能，适合各种简单WEB项目。
另外一个特点是支持自动上传指定的本地文件。