Form提交，Ajax上传文件

1、form表单

[html]  view plain  copy

 

1. <form id="form1" runat="server" method="post" enctype="multipart/form-data">  

form 必须有enctype="multipart/form-data"标记才能上传文件

2、AJAX

[html]  view plain  copy

 

1. function test(){  
2.     var form = new FormData(document.getElementById("tf"));  
3.     $.ajax({  
4.         url:"${pageContext.request.contextPath}/public/testupload",  
5.         type:"post",  
6.         data:form,  
7.         processData:false,  
8.         contentType:false,  
9.         success:function(data){  
10.             window.clearInterval(timer);  
11.             console.log("over..");  
12.         },  
13.         error:function(e){  
14.             alert("错误！！");  
15.             window.clearInterval(timer);  
16.         }  
17.     });          
18. }  

在表单中，不需要声明 enctype ="multipart/form-data" ，就可以直接提交。

更多使用方法参考：http://www.cnblogs.com/lhb25/p/html5-formdata-tutorials.html