如果有多個按鈕，則添加文件按鈕不起作用（jquery文件上傳插件）

Question

我在主干js中使用jquery文件上傳插件。 我在同一頁面上有多個添加文件按鈕。 每個按鈕來自其各自的主干視圖 。

**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。

注意：我在Google搜索中找到了這個jsFiddle，並根據您的要求對其進行了編輯。