十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
这篇文章将为大家详细讲解有关如何使用FormData对象和Spring MVC配合实现Ajax文件下载功能,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联是一家专业提供乌拉特中企业网站建设,专注与成都网站设计、成都做网站、H5场景定制、小程序制作等业务。10年已为乌拉特中众多企业、政府机构等服务。创新互联专业网站制作公司优惠进行中。
Ajax文件下载
利用 FormData 对象和 Spring MVC 配合可以实现Ajax文件上载功能:
步骤
1.导入组件并准备静态脚本
commons-fileupload commons-fileupload 1.3.2 Ajax 文件上载
1.绑定事件到按钮
$("upload").click(ajaxUpload);2.获取文件
var file1 = $("#file1")[0].files[0];
var file2 = $("#file2")[0].files[0];3.创建内存中的表单对象,并添加向服务器传输的数据
//创建内存中的表单对象
var form = new FormData();
//向其中添加要传输的数据
form.append("userfile1", file1);
form.append("userfile2", file2);4.ajax()上传对象
$.ajax({
url:'user/upload.do',//请求地址
data: form, //请求参数
type: 'POST', //请求类型
dataType: 'json',//服务器返回的数据类型
contentType: false,//没有设置任何内容类型头信息
processData: false, //见jQuery_api详解
success: function(obj){ //成功时回调函数,obj表示服务器返回的数据
if(obj.state==0){
$('#result').html("成功!");
}
}
});5.Spring-MVC表现层
@RequestMapping("/upload.do")
@ResponseBody
public JsonResult upload(
MultipartFile userfile1,
MultipartFile userfile2) throws Exception{
//Spring MVC 中可以利用 MultipartFile
//接收 上载的文件! 文件中的一切数据
//都可以从 MultipartFile 对象中找到
//获取上再是原始文件名
String file1 =
userfile1.getOriginalFilename();
String file2 =
userfile2.getOriginalFilename();
System.out.println(file1);
System.out.println(file2);
//保存文件的3种方法:
//1. transferTo(目标文件)
// 将文件直接保存到目标文件, 可以处理大文件
//2. userfile1.getBytes() 获取文件的全部数据
// 将文件全部读取到内存, 适合处理小文件!!
//3. userfile1.getInputStream()
// 获取上载文件的流, 适合处理大文件
//保存的目标文件夹: /home/soft01/demo
File dir = new File("D:/demo");
dir.mkdir();
File f1 = new File(dir, file1);
File f2 = new File(dir, file2);
//第一种保存文件
//userfile1.transferTo(f1);
//userfile2.transferTo(f2);
//第三种 利用流复制数据
InputStream in1 = userfile1.getInputStream();
FileOutputStream out1 =
new FileOutputStream(f1);
int b;
while((b=in1.read())!=-1){
out1.write(b);
}
in1.close();
out1.close();
InputStream in2 = userfile2.getInputStream();
FileOutputStream out2=
new FileOutputStream(f2);
byte[] buf= new byte[8*1024];
int n;
while((n=in2.read(buf))!=-1){
out2.write(buf, 0, n);
}
in2.close();
out2.close();
return new JsonResult(true);
}关于“如何使用FormData对象和Spring MVC配合实现Ajax文件下载功能”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。