javascript - 使用 jQuery 将文件输入添加到表单

Question

我是 jQuery 的新手，我正在尝试制作简单的 HTML 上传页面，我想在选择一些文件后向表单添加新的文件输入。我试过这段代码

<form id="upload" action="upload.php" method="POST" enctype="multipart/form-data" onchange="addField();">
<label for="file">Soubor:</label>
<input type="file" name="files[]" id="file" /><br />
<input type="submit" name="Odeslat" value="Odeslat soubor" />
</form></body>
<script>
$('#upload').delegate('input[type=file]', 'change', function(){
  alert('Alert');
  addField();
});
</script>

和这个 addField() 函数

function addField(){
  $('<input type="file" name="files[]" id="file" /><br />').insertAfter('#file');
};

但是如果我运行这段代码，第三个输入字段会插入到第一个输入字段之后，而不是最后一个字段之后。是否可以在最后一个文件输入后添加输入字段而不为这些输入使用唯一 ID？ http://jsfiddle.net/aHrTd/

感谢您的帮助。

Answer 1

这个怎么样 - (在表单中找到最后一个 input:file 并在它之后插入新的输入)

function addField(){
  $('form input:file').last().after($('<input type="file" name="files[]" class="file" /><br />'));
}