JQuery---Ajax请求通过FormData对象实现文件上传

没有文件上传功能的ajax请求

$.ajax({ url:'', //请求地址 type:'POST', //请求方式 dataType:'json', //返回的数据格式：json/xml/html/script/jsonp/text data:{ //请求参数 name:'llc', age:22 }, success:function(result){ }, error:function(error){ } });

有文件上传功能的ajax请求 (通过FormData对象封装请求参数)

//HTML <input type="text" class="name"> <input type="file" id="fil"> //ajax var name = $('.name').val(); //name var file = $("#fil")[0].files[0]; //获取上传的文件 var formData = new FormData(); //创建 FormData对象 formData.append("username", name); //append请求参数 username formData.append("file", file); //append请求参数 file $.ajax({ url: 'http://localhost:8080/ssm/getdata2.do', //请求地址 type: 'POST', //请求方式 dataType: 'json', //返回的数据格式：json/xml/html/script/jsonp/text data: formData, contentType: false, // 不设置Content-Type请求头 必须设为false processData: false, // 不处理发送的数据 必须设为false success: function (result) { console.log(result); }, error: function (error) { } });

 

后端处理上传的文件

SSM---SpringMVC+Spring+Mybatis项目实现文件上传