在实现添加多个附件时,按"新增一个附件"按钮后,页面自动跳转到servlet
html代码
<form action="Servlet" method="post" enctype="multipart/form-data">
<input type="hidden" id="fileNum" name="fileNum" value="1"/>
File1:<input type="file" name="file1"/>
<br>
Desc1:<input type="text" name="desc1"/>
<br>
<br id="br1">
<input type="submit" name="Submit" value="提交"/>
<button id="addFile">新增一个附件</button>
</form>
jquery
$(function () {
var i = 2;
$(document).on("click","#addFile",function(){
$("#br1").before("File"
+ i +":<input type='file' name='file"
+ i +"'/><br>Desc"
+ i +":<input type='text' name='desc"
+ i +"'/><button>删除</button><br>");
i++;
});
})
Internet Explorer 的默认类型是 “button”,而其他浏览器中(包括 W3C 规范)的默认值是 “submit”。
解决方法:添加type="button"属性
<button type="button" id="addFile">新增一个附件</button>