如果超过一个，添加文件按钮不起作用（jquery 文件上传插件）

Question

我在 backbone js 中使用 jquery 文件上传插件。我在同一页面上有多个添加文件按钮。 每个按钮都来自各自的 backbone 视图 。

**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(....)

如果你这样做了，那应该是问题所在。您应该在每个表单上初始化文件上传。

注：我在 google 搜索中找到了这个 jsFiddle，并根据您的要求对其进行了编辑。

如果超过一个，添加文件按钮不起作用（jquery 文件上传插件）

Add files button not working if more than one (jquery File Upload Plugin)

javascript

jquery

backbone.js

jquery-file-upload

blueimp