ajax如何提交带有文件的from表单

首先是from表单进行提交

1. from提交没有文件的表单

可以直接通过action提交

<form method="post" action="">
    
</form>

2. Ajax提交没有文件的表单

可以通过表单序列化，直接提交

    $.ajax({
        url:"",
        data:$("#from的id").serialize(),
        type:"post",
        dataType:"json",
        success:function (data){
            
        }
    });

3.from表单带有文件

可以通过action提交，但是要设置表单的 enctype 属性，当enctype修改后request.getParameter()将会失效,提交方式将不是键值对

后端的文件可以用MultipartFile来接收

<form method="POST" action="/file/upload" enctype="multipart/form-data">
    <input type="file" name="file"/><br/>
    <input type="text" name="folderName" value="default"/><br/>
    <input type="submit" value="Submit"/>
</form>

4.Ajax提交带有文件的from

这个时候不能序列化提交表单，后端也可以用MultipartFile接收

    var fromData = new FormData($("#form的id")[0]);

    $.ajax({
        url: "/upload",
        type: "post",
        data: fromData,
        async: false,
        processData: false,// 告诉jQuery不要去处理发送的数据
        contentType: false,// 告诉jQuery不要去设置Content-Type请求头
        dataType: "json",
        success:function(res){
            
        }
    })