javascript - 添加文件按钮如果超过一个则不起作用(jquery 文件上传插件)

Question

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

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

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

注意:我在谷歌搜索中找到了这个 jsFiddle 并根据您的要求进行了编辑。