今天做了文件的上传下载,小小总结一下,基本的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();//表单提交 }
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
实现无刷新下拉联动的ajax+servlet(附代码)
怎样用ajax异步检查用户名有无重复
以上就是ajax怎么实现文件批量上传与下载的详细内容。