添加文件按钮不起作用如果多个(jquery文件上传插件)

时间:2016-08-08 22:41:30

标签: javascript jquery backbone.js jquery-file-upload blueimp

我在骨干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>

“添加文件”按钮适用于任何一种表单,但不适用于其他表单

可能是什么原因以及如何解决?

1 个答案:

答案 0 :(得分:1)

试试这个jsFiddle

我的猜测是,您可能已在代码中初始化了如下所示的文件上载。

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

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

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