在HTML頁面上添加更多文件

我見過有一個框供用戶瀏覽要上傳的文件，然後是「添加更多文件」鏈接。當用戶點擊鏈接時，另一個框出現，允許用戶選擇另一個文件。用戶可以點擊「添加更多文件」來繼續添加框。他們如何做到這一點？在HTML頁面上添加更多文件

我使用Ruby on Rails作爲後端。

2012-11-20 Mika H.

<div id="filePickers"> 
    <input type="file" name="files[]"> 
    <input type="file" name="files[]"> 
    <input type="file" name="files[]"> 
</div>

時發佈到你的服務器，將顯示爲文件上params[:files]陣列。

如果您想了解更多，綁定一些JavaScript到一個按鈕的地方，以增加新的投入。

// jQuery for brevity 
$('#filePickers').append('<input type="file" name="files[]">');

來源

2012-11-20 19:34:15

這是一個HTML5 「拖&降上傳」，基於兩個HTML5的API：

你可以找到一個教程手動實現它here

但是你更願意使用已經實現它的庫，例如jquery-filedrop

來源

2012-11-20 19:32:51

在HTML頁面上添加更多文件

回答

相關問題