微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能

Ajax文件下载的实现方法~ 今天编程之家 jb51.cc 分享如何文件上载功能:

步骤

1.导入组件并准备静态脚本

rush:html;toolbar:false">
 commons-fileupload
 commons-fileupload
 1.3.2

Ajax 文件上载

 
 

1.绑定事件到按钮

rush:js;toolbar:false">$("upload").click(ajaxUpload);

2.获取文件

rush:js;toolbar:false">var file1 = $("#file1")[0].files[0];
var file2 = $("#file2")[0].files[0];

3.创建内存中的表单对象,并添加向服务器传输的数据

rush:js;toolbar:false">//创建内存中的表单对象
var form = new FormData();
//向其中添加要传输的数据
form.append("userfile1", file1);
form.append("userfile2", file2);

4.ajax()上传对象

rush:js;toolbar:false">$.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表现层

rush:js;toolbar:false">@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文件下载功能,希望对大家有所帮助。程序员遇到问题都会上(编程之家jb51.cc)查找问题解答方法!如果觉得站点还不错,随手转发给程序员朋友一下!

原文链接:http://www.cnblogs.com/chentging/p/7193630.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐