Javascript 在HTML页面上添加更多文件

我见过一些网站，其中有一个框供用户浏览要上传的文件，然后是一个“添加更多文件”链接。当用户单击链接时，会显示另一个框，允许用户选择另一个文件。用户可以单击“添加更多文件”继续添加框。他们是怎么做到的

我使用Ruby on Rails作为后端。

这是一个基于两个HTML5 API的HTML5“拖放上传”：

您可以找到一个教程来手动实现它

但是您更愿意使用已经实现它的库，例如

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

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