参考链接:https://www.cnblogs.com/kanyun/p/7159232.html
https://www.cnblogs.com/kanyun/p/7159232.html
因为项目是前后端分离,且跨域访问。采用form表单提交难以实现。故需要引入formdata,采用ajax提交。
一、文件上传
参考地址中已经写的很详细了。这里只做个代码简化
前端代码:
<form enctype="multipart/form-data" id="formfile" class="upload-img"> <input type="file" multiple="multiple" /> </form>
$(document).on("change", ".upload-img input:file", function() { var t_files = this.files; var data = new FormData(); for (var i=0;i<t_files.length;i++){ data.append('file',t_files[i]); } $.ajax({ url : 'http://localhost:8080/YDplatform/apply/uploadScanFiles', //用于文件上传的服务器端请求地址 type : 'post', processData: false, // 告诉jQuery不要去处理发送的数据 contentType: false, // 告诉jQuery不要去设置Content-Type请求头 data:data, cache: false }).done(function(data,status){ var dataObj = jQuery.parseJSON(data); if(dataObj.state == -1){ new Message().showMsg("上传图片出错"); }else{ } }).fail(function (res) { }) });
后端代码:
@ResponseBody @RequestMapping(value = "uploadScanFiles", method = RequestMethod.POST) public HttpResponse uploadScanFiles(HttpServletRequest request, @RequestParam(value = "file", required = true) List<MultipartFile> files, String key, Long applyId, Long appId) throws Exception { if (null == files || 0 == files.size()) { throw BizException.create(Code.ParamError, "文件为空"); } for (MultipartFile file : files) { System.out.println("文件名:" + file.getOriginalFilename() + "---contentType:" + file.getContentType()); } return HttpResponse.OK(); }
注意:前端formdata的参数名和后台注解@RequestParam的value要对应上。后端接收参数里面除了文件以外,还有其它字段参数,也是可以用formdata来append的,这里就不改动了。
二、文件下载
参考链接:https://blog.csdn.net/a447332241/article/details/78998239
前端代码:
1、ajax的方式
ajax请求无法响应下载功能。因为response原因,一般请求浏览器是会处理服务器输出的response,例如生成png、文件下载等,然而ajax请求只是个“字符型”的请求,即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的,虽然可以读取到返回的response,但只是读取而已,是无法执行的,说白点就是js无法调用到浏览器的下载处理机制和程序。
推荐使用这种方式 自己构建表单进行提交
var form = $("<form>"); form.attr("style","display:none"); form.attr("target",""); form.attr("method","post"); form.attr("action",rootPath + "T_academic_essay/DownloadZipFile.do"); var input1 = $("<input>"); input1.attr("type","hidden"); input1.attr("name","strZipPath"); input1.attr("value",strZipPath); $("body").append(form); form.append(input1); form.submit(); form.remove();
2、a标签
如果下载没有必要用到ajax的话,a标签是最好的选择。
<a href=“下载地址”>导出</a>
后端代码
后端代码有两种方式,我采用的后者:
方式一:直接贴代码
@RequestMapping("/download") public String download( String fileName ,String filePath, HttpServletRequest request, HttpServletResponse response){ response.setContentType("text/html;charset=utf-8"); try { request.setCharacterEncoding("UTF-8"); } catch (UnsupportedEncodingException e1) { // TODO Auto-generated catch block e1.printStackTrace(); } java.io.BufferedInputStream bis = null; java.io.BufferedOutputStream bos = null; String downLoadPath = filePath; //注意不同系统的分隔符 // String downLoadPath =filePath.replaceAll("/", "\\\\\\\\"); //replace replaceAll区别 ***** System.out.println(downLoadPath); try { long fileLength = new File(downLoadPath).length(); response.setContentType("application/x-msdownload;"); response.setHeader("Content-disposition", "attachment; filename=" + new String(fileName.getBytes("utf-8"), "ISO8859-1")); response.setHeader("Content-Length", String.valueOf(fileLength)); bis = new BufferedInputStream(new FileInputStream(downLoadPath)); bos = new BufferedOutputStream(response.getOutputStream()); byte[] buff = new byte[2048]; int bytesRead; while (-1 != (bytesRead = bis.read(buff, 0, buff.length))) { bos.write(buff, 0, bytesRead); } } catch (Exception e) { e.printStackTrace(); } finally { if (bis != null) try { bis.close(); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } if (bos != null) try { bos.close(); } catch (IOException e) { // TODO Auto-generated catch block e.printStackTrace(); } } return null; }
方式二:利用springmvc提供的ResponseEntity类型,使用它可以很方便地定义返回的HttpHeaders和HttpStatus。
RequestMapping("/download") public ResponseEntity<byte[]> export(String fileName,String filePath) throws IOException { HttpHeaders headers = new HttpHeaders(); File file = new File(filePath); headers.setContentType(MediaType.APPLICATION_OCTET_STREAM); headers.setContentDispositionFormData("attachment", fileName); return new ResponseEntity<byte[]>(FileUtils.readFileToByteArray(file), headers, HttpStatus.CREATED); }
如果是多文件下载,则需要进行压缩处理:
参考链接:https://www.cnblogs.com/zeng1994/p/7862288.html文
Controller:
@RequestMapping(value = "downloadPackage", method = RequestMethod.GET) public void downloadPackage2(HttpServletRequest request, @RequestParam(required = true) String key, Integer processType, Long applyId, HttpServletResponse response) throws Exception { String fileDir = applicationService.getPackagefileDirByProcessAndKey(applyId, key, processType); if (StringUtils.isBlank(fileDir)) { throw BizException.create(Code.NOTEXIST, "文件没找到!"); } String rootPath = request.getSession().getServletContext().getRealPath("/"); String tempFileName = rootPath + "/" + UUID.randomUUID().toString().replaceAll("-", ""); File temDir = new File(tempFileName); if (!temDir.exists()) { temDir.mkdirs(); } File resource = new File(fileDir); FileUtils.copyDirectory(resource, temDir); response.setContentType("application/zip"); response.setHeader("Content-Disposition", "attachment; filename=package_" + System.currentTimeMillis() + ".zip"); ZipUtils.toZip(temDir.getPath(), response.getOutputStream(), false); File[] listFiles = temDir.listFiles(); for (int i = 0; i < listFiles.length; i++) { listFiles[i].delete(); } temDir.delete(); }
Utils:
import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.io.IOException; import java.io.OutputStream; import java.util.ArrayList; import java.util.List; import java.util.zip.ZipEntry; import java.util.zip.ZipOutputStream; /** * * ZipUtils * * @author ZENG.XIAO.YAN * * @date 2017年11月19日 下午7:16:08 * * @version v1.0 * */ public class ZipUtils { private static final int BUFFER_SIZE = 2 * 1024; /** * * 压缩成ZIP 方法1 * * @param srcDir * 压缩文件夹路径 * * @param out * 压缩文件输出流 * * @param KeepDirStructure * 是否保留原来的目录结构,true:保留目录结构; * * false:所有文件跑到压缩包根目录下(注意:不保留目录结构可能会出现同名文件,会压缩失败) * * @throws RuntimeException * 压缩失败会抛出运行时异常 * */ public static void toZip(String srcDir, OutputStream out, boolean KeepDirStructure) throws RuntimeException { long start = System.currentTimeMillis(); ZipOutputStream zos = null; try { zos = new ZipOutputStream(out); File sourceFile = new File(srcDir); compress(sourceFile, zos, sourceFile.getName(), KeepDirStructure); long end = System.currentTimeMillis(); System.out.println("压缩完成,耗时:" + (end - start) + " ms"); } catch (Exception e) { throw new RuntimeException("zip error from ZipUtils", e); } finally { if (zos != null) { try { zos.close(); } catch (IOException e) { e.printStackTrace(); } } } } /** * * 压缩成ZIP 方法2 * * @param srcFiles * 需要压缩的文件列表 * * @param out * 压缩文件输出流 * * @throws RuntimeException * 压缩失败会抛出运行时异常 * */ public static void toZip(List<File> srcFiles, OutputStream out) throws RuntimeException { long start = System.currentTimeMillis(); ZipOutputStream zos = null; try { zos = new ZipOutputStream(out); for (File srcFile : srcFiles) { byte[] buf = new byte[BUFFER_SIZE]; zos.putNextEntry(new ZipEntry(srcFile.getName())); int len; FileInputStream in = new FileInputStream(srcFile); while ((len = in.read(buf)) != -1) { zos.write(buf, 0, len); } zos.closeEntry(); in.close(); } long end = System.currentTimeMillis(); System.out.println("压缩完成,耗时:" + (end - start) + " ms"); } catch (Exception e) { throw new RuntimeException("zip error from ZipUtils", e); } finally { if (zos != null) { try { zos.close(); } catch (IOException e) { e.printStackTrace(); } } } } /** * * 递归压缩方法 * * @param sourceFile * 源文件 * * @param zos * zip输出流 * * @param name * 压缩后的名称 * * @param KeepDirStructure * 是否保留原来的目录结构,true:保留目录结构; * * false:所有文件跑到压缩包根目录下(注意:不保留目录结构可能会出现同名文件,会压缩失败) * * @throws Exception * */ private static void compress(File sourceFile, ZipOutputStream zos, String name, boolean KeepDirStructure) throws Exception { byte[] buf = new byte[BUFFER_SIZE]; if (sourceFile.isFile()) { // 向zip输出流中添加一个zip实体,构造器中name为zip实体的文件的名字 zos.putNextEntry(new ZipEntry(name)); // copy文件到zip输出流中 int len; FileInputStream in = new FileInputStream(sourceFile); while ((len = in.read(buf)) != -1) { zos.write(buf, 0, len); } // Complete the entry zos.closeEntry(); in.close(); } else { File[] listFiles = sourceFile.listFiles(); if (listFiles == null || listFiles.length == 0) { // 需要保留原来的文件结构时,需要对空文件夹进行处理 if (KeepDirStructure) { // 空文件夹的处理 zos.putNextEntry(new ZipEntry(name + "/")); // 没有文件,不需要文件的copy zos.closeEntry(); } } else { for (File file : listFiles) { // 判断是否需要保留原来的文件结构 if (KeepDirStructure) { // 注意:file.getName()前面需要带上父文件夹的名字加一斜杠, // 不然最后压缩包中就不能保留原来的文件结构,即:所有文件都跑到压缩包根目录下了 compress(file, zos, name + "/" + file.getName(), KeepDirStructure); } else { compress(file, zos, file.getName(), KeepDirStructure); } } } } } public static void main(String[] args) throws Exception { /** 测试压缩方法1 */ FileOutputStream fos1 = new FileOutputStream(new File("c:/mytest01.zip")); ZipUtils.toZip("D:/log", fos1, true); /** 测试压缩方法2 */ List<File> fileList = new ArrayList<>(); fileList.add(new File("D:/Java/jdk1.7.0_45_64bit/bin/jar.exe")); fileList.add(new File("D:/Java/jdk1.7.0_45_64bit/bin/java.exe")); FileOutputStream fos2 = new FileOutputStream(new File("c:/mytest02.zip")); ZipUtils.toZip(fileList, fos2); } }
相关推荐
`SpringMVC`作为Java后端的一个强大框架,提供了处理文件上传的能力。而`Ajax`技术则使得页面可以在不刷新的情况下与服务器进行交互,实现异步上传,极大地提升了用户体验。在本教程中,我们将探讨如何结合`...
这个"springMVC多文件上传demo"是一个实例,它展示了如何在Spring MVC应用中实现这个功能。下面将详细介绍相关知识点。 1. **Spring MVC概述** Spring MVC是Spring框架的一部分,它提供了一个用于构建Web应用程序...
在实际应用中,你可能还需要处理文件上传进度、错误处理、多文件上传等情况。同时,确保前端和后端的安全性,比如使用CSRF令牌防止跨站请求伪造,以及对上传文件进行适当的权限控制。 最后,项目中的"新建文件夹...
在本文中,我们将深入探讨如何使用SpringMVC和Ajax实现多文件上传并显示上传进度条的功能。这是一个在Web开发中常见的需求,特别是在处理大文件或批量上传时,用户界面的实时反馈至关重要,以提供更好的用户体验。 ...
在这个场景中,"springmvc ajax 文件上传下载文件 multiple" 涉及到的关键知识点包括: 1. **Spring MVC中的文件上传**: - Spring MVC通过`@RequestParam("file") MultipartFile file`注解来接收上传的文件。`...
首先,我们需要在 SpringMVC 项目中配置多部分文件上传。我们可以在 spring-mvc.xml 配置文件中添加多部分文件上传的配置,代码如下: ```xml <!-- one of the properties available; the maximum file size in ...
在本文中,我们将深入探讨如何在Spring MVC框架中实现AJAX文件上传,以及通过表单提交方式上传文件。这两种方法都是在Web应用中处理用户上传文件的常见方式,特别是当需要在后台处理文件且不刷新整个页面时,AJAX...
在Java类中,我们可以使用`@RestController`或`@Controller`注解,然后添加一个处理文件上传的POST方法。这个方法通常会接收`MultipartFile`类型的参数,这是Spring MVC提供的用于处理上传文件的接口。例如: ```...
这样可以提供更好的用户体验,因为用户可以继续浏览页面,而文件上传则在后台进行。 在使用ajaxfileupload.js时,我们需要在HTML页面中添加相关的JavaScript代码,配置文件选择器和上传按钮,并绑定事件监听器。当...
本项目采用Spring MVC作为后端框架,jQuery作为前端JavaScript库,结合Layui的UI组件实现了一个类似163邮箱的文件上传效果,包括多文件上传和实时的进度条展示。下面将详细介绍这一过程的关键技术和实现步骤。 ### ...
在IT行业中,SpringMVC和Ajax是两种广泛使用的技术,它们在构建现代Web应用程序时起着至关重要的作用。...在实际开发中,你可以根据需求进一步优化,例如添加进度条显示、多文件上传支持,或者集成其他验证和安全策略。
总的来说,"springmvc+ajax带有文本域进行文件上传"是一种结合了后端处理能力和前端用户体验优化的技术方案。通过Ajax和特定的插件,用户可以在不刷新页面的情况下完成文件上传,同时提交文本信息,提高了交互性和...
总结,这个"springMvc文件上传完整版"示例展示了如何在Spring MVC环境中实现文件上传,结合前端的pupload.js库实现Ajax上传、多文件上传、进度条显示等功能。在实际应用中,这些技术可以帮助开发者构建高效、友好的...
在提供的压缩包文件"springmvc_14_crud"中,可能包含了一个完整的Spring MVC项目,包括了上述两种文件上传的实现。通过查看源码,我们可以更深入地了解如何在实际项目中集成和优化这些功能。 总结起来,Spring MVC...
在这个特定的项目"springmvc上传文件实时显示进度条"中,我们关注的是如何在文件上传过程中为用户展示进度信息,以提高用户体验。这个项目适用于那些需要处理大文件上传并希望提供反馈的Web应用。 首先,要实现文件...
在处理文件上传时,SpringMVC通过MultiPartConfig注解和CommonsMultipartResolver解析器支持多部分表单数据。 **2. 文件上传基础** 在HTML表单中,我们可以使用`<input type="file">`来选择本地文件。在Ajax中,...
SpringMVC作为Spring框架的一部分,提供了强大的MVC支持,包括文件上传。本篇将详细讲解如何在SpringMVC中实现文件上传,并确保兼容老旧的IE8浏览器。 一、SpringMVC文件上传基础 1. 配置SpringMVC 在`spring-mvc....
SpringMVC会自动处理文件上传的进度信息,但默认并不提供给前端。为了将进度信息反馈给前端,我们需要自定义一个Filter或者Interceptor来监听并转发这个信息。 ```java @PostMapping("/upload") public Response...
1. **SpringMVC的文件上传处理**:在Controller层,我们可以定义一个方法,接收`MultipartFile[] files`参数,这样就可以处理多文件上传。每个`MultipartFile`对象代表一个上传的文件,可以获取文件名、类型、大小等...
`MultipartFile`是Spring MVC提供的一个接口,用于处理多部分表单数据,如文件上传。 接下来,我们需要在前端使用Ajax来发送异步请求。通常,我们使用jQuery库简化Ajax操作。以下是一个简单的示例,展示了如何使用...