今天做了文件的上传下载,小小总结一下,基本的web项目建立及SpringMVC框架搭建此处不详细写出来了。
上传form:
<form id="uploadfiles" enctype="multipart/form-data">
<input type="file" multiple="multiple" id="file_upload" name="file_upload" />
<input type="button" value="上传" onclick="upload()" />
</form>
上传Ajax:
<script type="text/javascript">
/*
* 上传文件
*/
function upload(){
var formData = new FormData($( "#uploadfiles" )[0]);
$.ajax({
type: "post",
url: "./path/upload",
dataType: "json",
data: formData,
/**
*必须false才会自动加上正确的Content-Type
*/
contentType : false,
/**
* 必须false才会避开jQuery对 formdata 的默认处理
* XMLHttpRequest会对 formdata 进行正确的处理
*/
processData : false,
success: function(data){//从后端返回数据进行处理
if(data){
alert("上传成功!");
}else{
alert("上传失败!");
}
},
error: function(err) {//提交出错
$("#msg").html(JSON.stringify(err));//打出响应信息
alert("服务器无响应");
}
});
}
</script>
spring.xml配置加上:
<!-- 配置文件上传 -->
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<!-- 默认编码 -->
<property name="defaultEncoding" value="utf-8" />
<!-- 文件大小最大值 -->
<property name="maxUploadSize" value="10485760000" />
<!-- 内存中的最大值 -->
<property name="maxInMemorySize" value="40960" />
</bean>
controller:
/*
* 上传多个文件
*/
@RequestMapping(value = "/upload", produces = "application/json;charset=UTF-8")
public @ResponseBody
boolean uploadFiles(@RequestParam("file_upload") MultipartFile [] files) {
boolean result = false;
String realPath;
for(int i=0;i<files.length;i++){
if (!files[i].isEmpty()) {
String uniqueName=files[i].getOriginalFilename();//得到文件名
realPath="E:"+File.separator+uniqueName;//文件上传的路径这里为E盘
files[i].transferTo(new File(realPath)); // 转存文件
result = true;
} catch (Exception e) {
e.printStackTrace();
}
}
}
return result;
}
下载的jsp页面代码根据需求不同自己设计,这里给出controller代码:
/*
* 下载多个文件
*/
@RequestMapping(value = "/download")
public void downloadFiles(HttpServletResponse response) {
String str= request.getParameter("rows");//下载文件信息,包括文件名、存储路径等
JSONArray path=(JSONArray) JSONArray.parse(request.getParameter("rows"));
Path paths[]=new Path[path.size()];
paths = JSONArray.parseArray(str, Path.class).toArray(paths);
String uri = "d:"+ File.separator + "mldn.zip";//临时文件存储路径
File zipFile = new File(uri) ; // 定义压缩文件名称
ZipOutputStream zipOut = null;// 声明压缩流对象
InputStream input = null;
//将要压缩的文件加入到压缩输出流中
try {
zipOut = new ZipOutputStream(new FileOutputStream(zipFile));
} catch (FileNotFoundException e) {
e.printStackTrace();
}
for(int i = 0;i<paths.length;i++){
File file = new File(paths[i].getUri()+File.separator+paths[i].getFilename());
try {
input = new FileInputStream(file) ;// 定义文件的输入流
zipOut.putNextEntry(new ZipEntry(file.getName())) ; // 设置ZipEntry对象
} catch (Exception e) {
e.printStackTrace();
}
}
//将文件写入到压缩文件中
int temp = 0 ;
try {
while((temp=input.read())!=-1){ // 读取内容
zipOut.write(temp) ; // 写到压缩文件中
}
} catch (IOException e) {
e.printStackTrace();
}finally{
try {
input.close() ;
zipOut.close() ;
} catch (IOException e) {
e.printStackTrace();
}
}
try {
// 以流的形式下载文件。
BufferedInputStream fis = new BufferedInputStream(new FileInputStream(zipFile));
byte[] buffer = new byte[fis.available()];
fis.read(buffer);
fis.close();
// 清空response
response.reset();
OutputStream toClient = new BufferedOutputStream(response.getOutputStream());
response.setContentType("application/x-msdownload;");
response.setHeader("Content-Disposition", "attachment;filename=" + zipFile.getName());
toClient.write(buffer);
toClient.flush();
toClient.close();
zipFile.delete(); //将生成的服务器端文件删除
}
catch (IOException ex) {
ex.printStackTrace();
}
}
将多个文件打成一个压缩包下载,然后将生成的临时压缩文件删除。
下载页面如果用Ajax提交请求的话要注意:ajax函数的返回类型只有xml、text、json、html等类型,没有“流”类型,所以我们要实现ajax下载,不能够使用相应的ajax函数进行文件下载。但可以用js生成一个form,用这个form提交参数,并返回“流”类型的数据。
例子:
function download(){
var form=$("<form>");//定义一个form表单
form.attr("style","display:none");
form.attr("target","");
form.attr("method","post");
form.attr("action","./path/download");//请求url
var input1=$("<input>");
input1.attr("type","hidden");
input1.attr("name","rows");//设置属性的名字
input1.attr("value",“test”);//设置属性的值
$("body").append(form);//将表单放置在web中
form.append(input1);
form.submit();//表单提交
}
总结
以上所述是小编给大家介绍的SpringMVC+Ajax实现文件批量上传和下载功能实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。