您的位置:首页 > 其它

form表单,AJAX上传文件

2016-07-02 14:23 375 查看
1、form表单

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


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

2、AJAX

function test(){
var form = new FormData(document.getElementById("tf"));
$.ajax({
url:"${pageContext.request.contextPath}/public/testupload",
type:"post",
data:form,
processData:false,
contentType:false,
success:function(data){
window.clearInterval(timer);
console.log("over..");
},
error:function(e){
alert("错误!!");
window.clearInterval(timer);
}
});
}

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

更多使用方法参考:http://www.cnblogs.com/lhb25/p/html5-formdata-tutorials.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: