请教各位,我想实现如下功能:用c#首先从fileupload上传一个文件,然后点一个button,接着fileupload中的这个文件名要出现在gridview中,如果我再通过fileupload上传一个文件,再点一下那个button,gridview中会出现那第二个文件名。最后我点击另一个button(添加),让这些文件批量上传。我改怎么样实现这个功能?谢谢

解决方案 »

  1.   

    创建一个DataTable,每次加完后都给这个DataTable加一行,包含你上传的文件名及相关内容,然后绑定到一个Gridview上去就行了
      

  2.   

     谢谢,我是用过这个方法的,但是出了问题1:第一次点击button的时候,gridview行是加上去了,但是里面的控件里面是空的没有值的,第二次从fileupload中上传文件,再点button时候,gridbview才有值。问题2:当我第三次上传的时候,点完button后,第三次上传的文件会把第二次上传的文件名覆盖掉,也就是出现了两个第三次上传的文件名,如果第四次上传,那么第四次的会把前两次的都覆盖,就变成了三个第四次的文件名。不知道为什么,这个是我的代码请你看一下。谢谢 public DataTable SendDatatoGrid()  //把fileupload里的filename传递到gridview中去
            {
                DataTable dt = new DataTable("uploadfile");
                dt.Columns.Add("ID");
                dt.Columns.Add("FileName");
                dt.Columns.Add("Description");
                
                for (int i = 0; i<this.UploadGridView.Rows.Count; i++)
                {
                    GridViewRow gRow = this.UploadGridView.Rows[i];
                    DataRow newRow = dt.NewRow();
                    newRow[0] = this.UploadGridView.DataKeys[i].Value; 
                    newRow[1] = this.IDFileUpload1.FileName;                                                  
                    newRow[2] = ((TextBox)gRow.FindControl("TXDescription")).Text;
                    dt.Rows.Add(newRow);
                }
                dt.AcceptChanges();
                return dt;
            } protected void BtnAdd_Click(object sender, EventArgs e) //按钮函数
            {
                if(IDFileUpload1.HasFile)
                {
                    //filename = IDFileUpload1.FileName;
                    DataTable dt = this.SendDatatoGrid();
                    DataRow newRow = dt.NewRow();//新建行
                    dt.Rows.Add(newRow);
                    this.UploadGridView.DataSource = dt;//绑定数据源
                    this.UploadGridView.DataBind();   
                }
            }
      

  3.   

    DataTable dt = new DataTable("fileload");
                DataColumn dc = dt.Columns.Add("FID", typeof(Int32));
                dc.AllowDBNull = false;
                dc.AutoIncrement = true;
                dc.AutoIncrementSeed = 0;
                dc.AutoIncrementStep = 1;
                dc.Unique = true;
                dt.Columns.Add("Filename",typeof(String));
                dt.Columns.Add("FileTime",typeof(DateTime));
                DataRow dr = dt.NewRow();
                dr["Filename"] = this.FileUpload1.FileName;
                dr["FileTime"] = DateTime.Now;
                dt.Rows.Add(dr); 
                GridView1.DataSource = dt;
                GridView1.DataBind();这是我做的,我没有用数据库,我只能添加一行,除非用数据库,我想可以实现你的效果,我很想,我每次点击button,就能添加一行数据,不用数据库。
      

  4.   


    你这个是每次都new一个table
    你想不用数据库,你得把table的数据保存住.
    每次操作一下,往table里面加一行,然后绑定到gridview 
      

  5.   

    File.ashx<%@ WebHandler Language="c#" Class="File_WebHandler" Debug="true" %>using System;
    using System.Web;
    using System.IO;public class File_WebHandler : IHttpHandler
    {    
        private const int UploadFileLimit = 3;//上传文件数量限制

        private string _msg = "上传成功!";//返回信息    public void ProcessRequest(HttpContext context)
        {
            int iTotal = context.Request.Files.Count;        if (iTotal == 0)
            {
                _msg = "没有数据";
            }
            else
            {
                int iCount = 0;            for (int i = 0; i < iTotal; i++)
                {
                    HttpPostedFile file = context.Request.Files[i];                if (file.ContentLength > 0 || !string.IsNullOrEmpty(file.FileName))
                    {
                        //保存文件
                        file.SaveAs(System.Web.HttpContext.Current.Server.MapPath("./file/" + Path.GetFileName(file.FileName)));                    //这里可以根据实际设置其他限制
                        if (++iCount > UploadFileLimit)
                        {
                            _msg = "超过上传限制:" + UploadFileLimit;
                            break;
                        }
                    }
                }
            }
            context.Response.Write("<script>window.parent.Finish('" + _msg + "');</script>");
        }    public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }
      

  6.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>仿163网盘无刷新文件上传系统</title>
    </head>
    <body>
    <style>
    .fu_list {
    width:600px;
    background:#ebebeb;
    font-size:12px;
    }
    .fu_list td {
    padding:5px;
    line-height:20px;
    background-color:#fff;
    }
    .fu_list table {
    width:100%;
    border:1px solid #ebebeb;
    }
    .fu_list thead td {
    background-color:#f4f4f4;
    }
    .fu_list b {
    font-size:14px;
    }
    /*file容器样式*/
    a.files {
    width:90px;
    height:30px;
    overflow:hidden;
    display:block;
    border:1px solid #BEBEBE;
    background:url(img/fu_btn.gif) left top no-repeat;
    text-decoration:none;
    }
    a.files:hover {
    background-color:#FFFFEE;
    background-position:0 -30px;
    }
    /*file设为透明,并覆盖整个触发面*/
    a.files input {
    margin-left:-350px;
    font-size:30px;
    cursor:pointer;
    filter:alpha(opacity=0);
    opacity:0;
    }
    /*取消点击时的虚线框*/
    a.files, a.files input {
    outline:none;/*ff*/
    hide-focus:expression(this.hideFocus=true);/*ie*/
    }
    </style>
    <form id="uploadForm" action="File.ashx">
      <table border="0" cellspacing="1" class="fu_list">
        <thead>
          <tr>
            <td colspan="2"><b>上传文件</b></td>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td align="right" width="15%" style="line-height:35px;">添加文件:</td>
            <td><a href="javascript:void(0);" class="files" id="idFile"></a> <img id="idProcess" style="display:none;" src="img/loading.gif" /></td>
          </tr>
          <tr>
            <td colspan="2"><table border="0" cellspacing="0">
                <thead>
                  <tr>
                    <td>文件路径</td>
                    <td width="100"></td>
                  </tr>
                </thead>
                <tbody id="idFileList">
                </tbody>
              </table></td>
          </tr>
          <tr>
            <td colspan="2" style="color:gray">温馨提示:最多可同时上传 <b id="idLimit"></b> 个文件,只允许上传 <b id="idExt"></b> 文件。 </td>
          </tr>
          <tr>
            <td colspan="2" align="center" id="idMsg"><input type="button" value="开始上传" id="idBtnupload" disabled="disabled" />
              &nbsp;&nbsp;&nbsp;
              <input type="button" value="全部取消" id="idBtndel" disabled="disabled" />
            </td>
          </tr>
        </tbody>
      </table>
    </form>
      

  7.   

    <script type="text/javascript">var isIE = (document.all) ? true : false;var $ = function (id) {
        return "string" == typeof id ? document.getElementById(id) : id;
    };var Class = {
      create: function() {
        return function() {
          this.initialize.apply(this, arguments);
        }
      }
    }var Extend = function(destination, source) {
    for (var property in source) {
    destination[property] = source[property];
    }
    }var Bind = function(object, fun) {
    return function() {
    return fun.apply(object, arguments);
    }
    }var Each = function(list, fun){
    for (var i = 0, len = list.length; i < len; i++) { fun(list[i], i); }
    };//文件上传类
    var FileUpload = Class.create();
    FileUpload.prototype = {
      //表单对象,文件控件存放空间
      initialize: function(form, folder, options) {

    this.Form = $(form);//表单
    this.Folder = $(folder);//文件控件存放空间
    this.Files = [];//文件集合

    this.SetOptions(options);

    this.FileName = this.options.FileName;
    this._FrameName = this.options.FrameName;
    this.Limit = this.options.Limit;
    this.Distinct = !!this.options.Distinct;
    this.ExtIn = this.options.ExtIn;
    this.ExtOut = this.options.ExtOut;

    this.onIniFile = this.options.onIniFile;
    this.onEmpty = this.options.onEmpty;
    this.onNotExtIn = this.options.onNotExtIn;
    this.onExtOut = this.options.onExtOut;
    this.onLimite = this.options.onLimite;
    this.onSame = this.options.onSame;
    this.onFail = this.options.onFail;
    this.onIni = this.options.onIni;

    if(!this._FrameName){
    //为每个实例创建不同的iframe
    this._FrameName = "uploadFrame_" + Math.floor(Math.random() * 1000);
    //ie不能修改iframe的name
    var oFrame = isIE ? document.createElement("<iframe name=\"" + this._FrameName + "\">") : document.createElement("iframe");
    //为ff设置name
    oFrame.name = this._FrameName;
    oFrame.style.display = "none";
    //在ie文档未加载完用appendChild会报错
    document.body.insertBefore(oFrame, document.body.childNodes[0]);
    }

    //设置form属性,关键是target要指向iframe
    this.Form.target = this._FrameName;
    this.Form.method = "post";
    //注意ie的form没有enctype属性,要用encoding
    this.Form.encoding = "multipart/form-data"; //整理一次
    this.Ini();
      },
      //设置默认属性
      SetOptions: function(options) {
        this.options = {//默认值
    FileName: "",//文件上传控件的name,配合后台使用
    FrameName: "",//iframe的name,要自定义iframe的话这里设置name
    onIniFile: function(){},//整理文件时执行(其中参数是file对象)
    onEmpty: function(){},//文件空值时执行
    Limit: 0,//文件数限制,0为不限制
    onLimite: function(){},//超过文件数限制时执行
    Distinct: true,//是否不允许相同文件
    onSame: function(){},//有相同文件时执行
    ExtIn: [],//允许后缀名
    onNotExtIn: function(){},//不是允许后缀名时执行
    ExtOut: [],//禁止后缀名,当设置了ExtIn则ExtOut无效
    onExtOut: function(){},//是禁止后缀名时执行
    onFail: function(){},//文件不通过检测时执行(其中参数是file对象)
    onIni: function(){}//重置时执行
        };
        Extend(this.options, options || {});
      },
      //整理空间
      Ini: function() {
    //整理文件集合
    this.Files = [];
    //整理文件空间,把有值的file放入文件集合
    Each(this.Folder.getElementsByTagName("input"), Bind(this, function(o){
    if(o.type == "file"){ o.value && this.Files.push(o); this.onIniFile(o); }
    }))
    //插入一个新的file
    var file = document.createElement("input");
    file.name = this.FileName; file.type = "file"; file.onchange = Bind(this, function(){ this.Check(file); this.Ini(); });
    this.Folder.appendChild(file);
    //执行附加程序
    this.onIni();
      },
      //检测file对象
      Check: function(file) {
    //检测变量
    var bCheck = true;
    //空值、文件数限制、后缀名、相同文件检测
    if(!file.value){
    bCheck = false; this.onEmpty();
    } else if(this.Limit && this.Files.length >= this.Limit){
    bCheck = false; this.onLimite();
    } else if(!!this.ExtIn.length && !RegExp("\.(" + this.ExtIn.join("|") + ")$", "i").test(file.value)){
    //检测是否允许后缀名
    bCheck = false; this.onNotExtIn();
    } else if(!!this.ExtOut.length && RegExp("\.(" + this.ExtOut.join("|") + ")$", "i").test(file.value)) {
    //检测是否禁止后缀名
    bCheck = false; this.onExtOut();
    } else if(!!this.Distinct) {
    Each(this.Files, function(o){ if(o.value == file.value){ bCheck = false; } })
    if(!bCheck){ this.onSame(); }
    }
    //没有通过检测
    !bCheck && this.onFail(file);
      },
      //删除指定file
      Delete: function(file) {
    //移除指定file
    this.Folder.removeChild(file); this.Ini();
      },
      //删除全部file
      Clear: function() {
    //清空文件空间
    Each(this.Files, Bind(this, function(o){ this.Folder.removeChild(o); })); this.Ini();
      }
    }var fu = new FileUpload("uploadForm", "idFile", { Limit: 3, ExtIn: ["jpg", "gif"],
    onIniFile: function(file){ file.value ? file.style.display = "none" : this.Folder.removeChild(file); },
    onEmpty: function(){ alert("请选择一个文件"); },
    onLimite: function(){ alert("超过上传限制"); },
    onSame: function(){ alert("已经有相同文件"); },
    onNotExtIn: function(){ alert("只允许上传" + this.ExtIn.join(",") + "文件"); },
    onFail: function(file){ this.Folder.removeChild(file); },
    onIni: function(){
    //显示文件列表
    var arrRows = [];
    if(this.Files.length){
    var oThis = this;
    Each(this.Files, function(o){
    var a = document.createElement("a"); a.innerHTML = "取消"; a.href = "javascript:void(0);";
    a.onclick = function(){ oThis.Delete(o); return false; };
    arrRows.push([o.value, a]);
    });
    } else { arrRows.push(["<font color='gray'>没有添加文件</font>", "&nbsp;"]); }
    AddList(arrRows);
    //设置按钮
    $("idBtnupload").disabled = $("idBtndel").disabled = this.Files.length <= 0;
    }
    });$("idBtnupload").onclick = function(){
    //显示文件列表
    var arrRows = [];
    Each(fu.Files, function(o){ arrRows.push([o.value, "&nbsp;"]); });
    AddList(arrRows);

    fu.Folder.style.display = "none";
    $("idProcess").style.display = "";
    $("idMsg").innerHTML = "正在添加文件到您的网盘中,请稍候……<br />有可能因为网络问题,出现程序长时间无响应,请点击“<a href='?'><font color='red'>取消</font></a>”重新上传文件";

    fu.Form.submit();
    }//用来添加文件列表的函数
    function AddList(rows){
    //根据数组来添加列表
    var FileList = $("idFileList"), oFragment = document.createDocumentFragment();
    //用文档碎片保存列表
    Each(rows, function(cells){
    var row = document.createElement("tr");
    Each(cells, function(o){
    var cell = document.createElement("td");
    if(typeof o == "string"){ cell.innerHTML = o; }else{ cell.appendChild(o); }
    row.appendChild(cell);
    });
    oFragment.appendChild(row);
    })
    //ie的table不支持innerHTML所以这样清空table
    while(FileList.hasChildNodes()){ FileList.removeChild(FileList.firstChild); }
    FileList.appendChild(oFragment);
    }
    $("idLimit").innerHTML = fu.Limit;$("idExt").innerHTML = fu.ExtIn.join(",");$("idBtndel").onclick = function(){ fu.Clear(); }//在后台通过window.parent来访问主页面的函数
    function Finish(msg){ alert(msg); location.href = location.href; }</script>
    </body>
    </html>