0

この記事を使用して、Uploadify を使用して複数のファイルをアップロードしています。私のページには複数の fileupload asp コントロールがあります。これらのコントロールは、「ボタンを追加」をクリックしたときにも作成されます。私が今欲しいのは、これらのコントロールで選択されたすべてのファイルをアップロードし、それをサーバーにアップロードすることです。

HTML ページ:

<html xmlns="http://www.w3.org/1999/xhtml">

<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 を呼び出す方法がわかりません。どうすれば続行できますか？

4

1 に答える 1

1

プラグインの複数のインスタンスをインスタンス化し、アップロードがクリックされたときにそれらすべてを起動する必要があります。

たとえば、代わりにアップロード コントロールに追加されたクラスをターゲットにします。

<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','*'); 
      });
});

一度に大量のファイルをサーバーに送信するため、これが機能するという保証はありませんが、試してみてください.

于 2015-05-06T11:12:50.407 に答える