本文实例讲述了jquery动态添加及删除表单上传元素的方法。分享给大家供大家参考,具体如下:
运行效果截图如下:

点击此处查看在线演示效果。
具体代码如下:
jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本,由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用,尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。
<script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript">
$(document).ready(function(){
$(":input[type=button][value=more]").bind("click",function(){
var $br = $("<br />");
var $file = $("<input type='file' name='name1' />");
var $button = $("<input type='button' value='delete'>");
$(this).after($file).after($button).after($br);
$button.bind("click",function(){
$br.remove();
$file.remove();
$button.remove();
})
})
});
</script><input type="file" name="file1"><input type="button" value="more"><p>完整实例代码点击此处<a target="_blank" href="http://xiazai.jb51.net/201601/yuanma/jquery-add-del-upload-contrl-button-codes(jb51.net).rar">本站下载</a>。</p>
<p>希望本文所述对大家jQuery程序设计有所帮助。</p>










