添加文件按鈕不工作，如果不止一個（jQuery文件上傳插件）

我在骨幹js上使用jquery文件上傳插件。我在同一頁面上有多個添加文件按鈕。 每個按鈕來自他們各自的骨幹視圖。添加文件按鈕不工作，如果不止一個（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>

添加文件按鈕，適用於任何一種形式，但不是爲別人

什麼可以的原因以及如何解決呢？

來源

2016-08-08 vidal

發佈的代碼工作得很好，就像預期的一樣，因爲它只是一個沒有任何JavaScript或上下文的HTML代碼片段？ – adeneo

上面的代碼適用於第一種形式，但不適用於其他形式。我可以從任何一個'添加文件'按鈕中選擇文件，我也可以上傳文件。但從其他'添加文件'按鈕，我甚至無法選擇文件。 – vidal

所有這些表單都有自己的唯一ID，fileupload插件已經初始化了嗎？ – adeneo

試試這個jsFiddle。

我的猜測是，你可能已經在你的代碼中初始化了如下所示的fileupload。

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

如果你已經這樣做，它應該是問題。您應該在每個表單上初始化fileupload。

注意： 我發現這個jsFiddle在谷歌搜索和編輯您的要求。

來源

2016-08-10 04:14:22 user10

添加文件按鈕不工作，如果不止一個（jQuery文件上傳插件）

回答

相關問題