jQuery动态添加input type=file文件上传域
浏览数：92 /
时间：2015年06月09日
- jQuery动态添加input type=file文件上传域，当用户需要通过网页上传多个文件的时候，动态添加文件域就显得尤其重要，本功能引入了jQuery，兼容性方面也做的不错，暂时没有限制文件域的个数，所以你可以无限制的生成文件域，直到满足你的需要。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>接触角测定仪</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> </head> <body> <form action="" method="post" enctype="multipart/form-data"> <label>请选择上传的图片</label> <a href="javascript:addimg()" >增加图片</a> <div class="mdiv" id="mdiv"> <div class="iptdiv" > <input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink">X</a> </div> </div> <input type="submit" name="submit" value="上传图片" /> </form> <script type="text/javascript" > $(document).ready(function(){ bindListener(); }); // 用来绑定事件(使用unbind避免重复绑定) function bindListener(){ $("a[name=rmlink]").unbind().click(function(){ $(this).parent().remove(); }) } function addimg(){ $("#mdiv").append(‘<div class="iptdiv"><input type="file" name="img[]" class="ipt" /><a href="#" name="rmlink"> X </a></div>‘); // 为新元素节点添加事件侦听器 //download jb51.net bindListener(); } </script> </body> </html>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
