C# webform实现多附件上传，并且还有附件描述

Question

就如图所示，我点击“添加其他文件的时候“，上面就会多出一行，选择文件框和文件描述文本框，这要如何实现啊？

Answer 1

下载js控件吧  网上有很多带进度条的多文件上传的js组件，有jquery写的使用很方便的

Answer 2

http://m.cnblogs.com/13897/1670594.html  一般的WEB方式文件上传只能使用FileUpload控件进行一个文件一个文件的进行上传，就算是批量上传，也要把文件一个一个的添加到页面，无法如windows程序一样，一次选择多个文件进行批量上传。这样在某些应用上就显得很不人性化，有时候客户希望能够一次选择很多文件，然后让系统把选择的文件全部上传。
      这里，就将针对这个问题提出一个比较完美的解决方案，利用的SwfUpload组件，让客户一次选择多个文件，然后将选择的文件上传到服务器上。       关于SWFUpload的一些说明：      1)  SWFUpload使用一个隐藏的Flash影片来控制文件的选择和上传。      2) JavaScript用来激活文件选择对话框。此文件选择对话框是可以设置允许用户选择一个单独的文件或者是多个文件。 选择的的文件类型也是可以被限制的，因此用户只能选择指定的适当的文件，例如*.jgp;*.gif。      3)  当选定文件以后，每个文件都会被验证和处理。当Flash上传文件的时候，由开发人员预定义的Javascript事件会被定时触发以便来更新页面中的UI，同时还提供上传状态和错误信息。
      4)  选定的文件的上传和它所在页面、表单是独立的。每个文件都是单独上传的，这就保证了服务端脚本能够在一个时间点更容易地处理单个文件。虽然Flash提供了上传服务，但是页面并不会提交或者重新载入。相比于标准的HTML Form，SWFUpload的使用方式更像是AJAX程序，页面中的Form会和FLASH控制的文件上传单独处理。 
具体信息可以访问swfupload官方网站：http://www.swfupload.org/让我们先来看看客户端的界面效果图。（多选文件，批量上传，上传进度显示）

Answer 3

http://www.open-lib.com/Type/201-1.jsp里面插件一大堆
这个不错

Answer 4

现在不会取textbox的值啊，，你看前台的js代码

Answer 5

  <tr>
                        <td width="1%" height="20px">
                                <span></span>
                            </td>
                             <td width="9%">
                                <asp:Literal ID="Literal14" runat="server" Text='上传附件'></asp:Literal>
                                :
                            </td>
                        <td colspan="7" width="23%">
                                <table id="tableUploadFile" runat="server">
                                <tr>
                                <td colspan="4">
                                <input id="Button1" type="button" value="上传其他附件" style="width: 80px" onclick="addInputFile();" />
                                </td>
                                </tr>
                                    <tr>
                                        <td style="width: 10px; text-align: right;">
                                            1.
                                        </td>
                                        <td style="width: 300px;">
                                            <input
                                                id="fileSimsData" type="file" style="width: 100%" runat="server" name="fileSimsData" />
                                        </td>
                                        <td style="width:150px;">
                                          <input id="txtAnexMemo" type="text" runat="server" name="txtAnexMemo" style="width:150px;" />
                                        </td>
                                        <td style="width:100px; font-style:italic;">
                                        附件描述
                                        </td>
                                    </tr>
                                </table>
                        </td>
                       </tr>

Answer 6

 var strAddFileInput = '<input type="file" style="width:100%" runat="server" />';
    var strAddTxtInput = '<input type="text"  runat="server" style="width:150px;"/>';
    function addInputFile() {
        var SpeciTable = g('tableUploadFile');
        var newTr = SpeciTable.insertRow(); //添加行
        var newTd0 = newTr.insertCell();    
        var newTd1 = newTr.insertCell();    
        var newTd2 = newTr.insertCell();            newTd0.innerText = SpeciTable.rows.length + ".";
        newTd1.innerHTML = strAddFileInput;
        newTd2.innerHTML = strAddTxtInput;
    }

Answer 7

用HTML控件的话，取的值可以先通过js放在asp。net控件的隐藏控件中，再从后台通过隐藏控件取值。或者直接<input runat=server ...的方式