使用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 />'));
}