如何解析每个asp .net fileupload元素?

时间:2015-05-06 10:49:00

标签: jquery asp.net uploadify multiple-file-upload

我正在使用此link

使用uploadify上传多个文件。我的页面有多个fileupload asp控件。单击“添加按钮”时也会创建这些控件。我现在想要的是上传在这些控件中选择的所有文件并将其上传到服务器。

HTML页面`

<head runat="server">
    <title>jQuery Upload multiple files in asp.net</title>
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <link href="uploadify/uploadify.css" rel="stylesheet" type="text/css" />
    <script src="uploadify/jquery.uploadify.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#file_upload").uploadify({
                'swf': 'uploadify/uploadify.swf',
                'uploader': 'Handler.ashx',
                'cancelImg': 'uploadify/cancel.png',
                'buttonText': 'Select Files',
                'fileDesc': 'Image Files',
                'fileExt': '*.jpg;*.jpeg;*.gif;*.png',
                'multi': true,
                'auto': false
            });


            $("#upload").click(function () { $('#file_upload').uploadify('upload','*'); });
        })
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

<a id="upload" >Upload File</a> 


        <asp:FileUpload ID="file_upload1" runat="server" />
        <asp:FileUpload ID="File_upload2" runat="server" />
    </div>
    </form>
</body>
</html>`

我知道如何通过单一选择进行上传,但是当我有多个文件上传asp .net控件时,我不知道如何调用uploadify。 请帮帮我们。

1 个答案:

答案 0 :(得分:1)

您需要实例化插件的多个实例,然后在点击上传时将它们全部触发:

e.g。目标是添加到上传控件的类:

<asp:FileUpload CssClass="file_upload" ID="file_upload1" runat="server" />
<asp:FileUpload CssClass="file_upload" ID="File_upload2" runat="server" />

并将插件附加到:

$(".file_upload").uploadify({

或仅定位type="file"的所有输入(如下所示):

$("input[type=file]").uploadify({

然后更改点击以开始全部上传:

$("#upload").click(function () { 
      $('.file_upload').each(function(){
           $(this).uploadify('upload','*'); 
      });
});

我不保证这会有效,因为您将立即向服务器发送大量文件,但请试一试。