ファイルを追加ボタンが複数動作しない場合（jqueryファイルアップロードプラグイン）

Question

jqueryファイルアップロードプラグインをバックボーンjsで使用しています。 同じページに複数のファイルを追加するボタンがあります。 各ボタンはそれぞれのバックボーン・ビューから構成されています。

**View** 
render: -> 
    $(@el).html(@template(model: @model.attributes)) 
    @ 

**Template** 
<form id="fileupload" class="fileupload" action="some_action" method="POST" enctype="multipart/form-data"> 

    <span class="btn btn-xs btn-success fileinput-button"> 
    <i class="glyphicon glyphicon-plus"></i> 
    <span>Add files...</span> 
    <input type="file" class="select_file" name="files" multiple> 
    </span> 

    <button type="submit" class="btn btn-xs btn-primary start"> 
    <i class="glyphicon glyphicon-upload"></i> 
    <span>Start upload</span> 
    </button> 

</form> 

ファイルを追加]ボタンが理由とどのようにそれを解決することができるか、他

のためにいずれかの形式の作品ではなく？

Answer 1

お試しくださいjsFiddle

私の推測では、あなたのコードで以下のようにfileuploadを初期化している可能性があります。

$("#fileupload").fileupload(....) 

これを実行した場合は、問題が発生するはずです。各フォームでファイルアップロードを初期化する必要があります。

注： 私はこのjsFiddleをGoogle検索で見つけ、要件に合わせて編集しました。