2013-08-30 64 views
1

在html中,我們可以使用文件輸入控件一次選擇多個文件。但是,當我第二次選擇一個文件覆蓋新選擇的文件以前的文件。如何在多個選擇中保留現有文件選擇

我的問題是,我們能否在選擇新文件時保留現有的文件選擇?

+0

這是在網格?或者在你想要選擇的東西旁邊有複選框或其他東西? –

+0

我只想從不同的目錄中選擇文件。 – VKGS

+0

所以你正在使用? –

回答

0
I think your problem is that you give the same name to the different <input> tags. 

<div id="selectFiles"> 
    <input type='file' name='userFile1'> 
    <input type='file' name='userFile2'> 
    <input type='file' name='userFile3'> 
    <input type='file' name='userFile4'> 
</div> 
+0

沒有frederik,我有一個文件輸入,第一次選擇使用該文件的文件,選定的文件被列出。如果我再次點擊該控件並選擇一些其他文件,它列出了我第二次選擇的文件。我需要所有文件... – VKGS

+0

您正在覆蓋先前選擇的文件。它認爲你不再需要它,並且你想在它的位置選擇另一個文件。那是如何工作的。否則你可以使用jQuery或純JavaScript來做到這一點,然後你選擇一個文件。然後是一個說「添加到列表」的按鈕。當您單擊該按鈕時,它將選定文件的路徑並將其添加到某個列表中。當你這樣做時,你可以使用jQuery爲一些子標籤添加更多的標籤。比上傳時你循環並從標籤中檢索文本。這就是我能想到的。但你試圖做到這一點的方式並不是工作。 –

1

我沒有得到任何與此相關的摘錄,似乎大多數人不需要這種功能。所以我自己做了。

  • 創建的文件輸入控制該元件上
  • 點擊事件,克隆當前文件輸入與使用jquery重複ID clone方法。此克隆的輸入控件設置爲隱藏和當前輸入控件,保存最新文件。
  • 因此,在提交表單我有選擇的

的所有文件,我懷疑這種方法有多好作品在舊的瀏覽器,但目前的Chrome和Firefox執行得很好。