`

springmvc采用formdata进行多文件上传

 
阅读更多

参考链接: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+Ajax异步文件上传

    `SpringMVC`作为Java后端的一个强大框架,提供了处理文件上传的能力。而`Ajax`技术则使得页面可以在不刷新的情况下与服务器进行交互,实现异步上传,极大地提升了用户体验。在本教程中,我们将探讨如何结合`...

    springMVC多文件上传demo

    这个"springMVC多文件上传demo"是一个实例,它展示了如何在Spring MVC应用中实现这个功能。下面将详细介绍相关知识点。 1. **Spring MVC概述** Spring MVC是Spring框架的一部分,它提供了一个用于构建Web应用程序...

    springmvc上传文件controller,vue

    在实际应用中,你可能还需要处理文件上传进度、错误处理、多文件上传等情况。同时,确保前端和后端的安全性,比如使用CSRF令牌防止跨站请求伪造,以及对上传文件进行适当的权限控制。 最后,项目中的"新建文件夹...

    SpringMVC多文件上传带进度条

    在本文中,我们将深入探讨如何使用SpringMVC和Ajax实现多文件上传并显示上传进度条的功能。这是一个在Web开发中常见的需求,特别是在处理大文件或批量上传时,用户界面的实时反馈至关重要,以提供更好的用户体验。 ...

    springmvc ajax 文件上传下载文件 multiple

    在这个场景中,"springmvc ajax 文件上传下载文件 multiple" 涉及到的关键知识点包括: 1. **Spring MVC中的文件上传**: - Spring MVC通过`@RequestParam("file") MultipartFile file`注解来接收上传的文件。`...

    springmvc+ajax+formdata上传图片代码实例

    首先,我们需要在 SpringMVC 项目中配置多部分文件上传。我们可以在 spring-mvc.xml 配置文件中添加多部分文件上传的配置,代码如下: ```xml &lt;!-- one of the properties available; the maximum file size in ...

    springmvc ajax 文件上传

    在本文中,我们将深入探讨如何在Spring MVC框架中实现AJAX文件上传,以及通过表单提交方式上传文件。这两种方法都是在Web应用中处理用户上传文件的常见方式,特别是当需要在后台处理文件且不刷新整个页面时,AJAX...

    SpringMvc整合jQuery,ajax单文件/多文件上传

    在Java类中,我们可以使用`@RestController`或`@Controller`注解,然后添加一个处理文件上传的POST方法。这个方法通常会接收`MultipartFile`类型的参数,这是Spring MVC提供的用于处理上传文件的接口。例如: ```...

    SpringMVC结合ajaxfileupload.js实现文件无刷新上传

    这样可以提供更好的用户体验,因为用户可以继续浏览页面,而文件上传则在后台进行。 在使用ajaxfileupload.js时,我们需要在HTML页面中添加相关的JavaScript代码,配置文件选择器和上传按钮,并绑定事件监听器。当...

    springmvc+jquery+layui文件上传进度条

    本项目采用Spring MVC作为后端框架,jQuery作为前端JavaScript库,结合Layui的UI组件实现了一个类似163邮箱的文件上传效果,包括多文件上传和实时的进度条展示。下面将详细介绍这一过程的关键技术和实现步骤。 ### ...

    springmvc+ajax上传例子

    在IT行业中,SpringMVC和Ajax是两种广泛使用的技术,它们在构建现代Web应用程序时起着至关重要的作用。...在实际开发中,你可以根据需求进一步优化,例如添加进度条显示、多文件上传支持,或者集成其他验证和安全策略。

    springmvc+ajax带有文本域进行文件上传

    总的来说,"springmvc+ajax带有文本域进行文件上传"是一种结合了后端处理能力和前端用户体验优化的技术方案。通过Ajax和特定的插件,用户可以在不刷新页面的情况下完成文件上传,同时提交文本信息,提高了交互性和...

    springMvc文件上传完整版

    总结,这个"springMvc文件上传完整版"示例展示了如何在Spring MVC环境中实现文件上传,结合前端的pupload.js库实现Ajax上传、多文件上传、进度条显示等功能。在实际应用中,这些技术可以帮助开发者构建高效、友好的...

    spring mvc ajax异步文件的上传和普通文件上传

    在提供的压缩包文件"springmvc_14_crud"中,可能包含了一个完整的Spring MVC项目,包括了上述两种文件上传的实现。通过查看源码,我们可以更深入地了解如何在实际项目中集成和优化这些功能。 总结起来,Spring MVC...

    springmvc上传文件实时显示进度条

    在这个特定的项目"springmvc上传文件实时显示进度条"中,我们关注的是如何在文件上传过程中为用户展示进度信息,以提高用户体验。这个项目适用于那些需要处理大文件上传并希望提供反馈的Web应用。 首先,要实现文件...

    SpringMVC上传图片文件到 腾讯云【2018年最新版】【JavaWeb】

    在处理文件上传时,SpringMVC通过MultiPartConfig注解和CommonsMultipartResolver解析器支持多部分表单数据。 **2. 文件上传基础** 在HTML表单中,我们可以使用`&lt;input type="file"&gt;`来选择本地文件。在Ajax中,...

    基于SpringMVC的文件上传(兼容IE8)

    SpringMVC作为Spring框架的一部分,提供了强大的MVC支持,包括文件上传。本篇将详细讲解如何在SpringMVC中实现文件上传,并确保兼容老旧的IE8浏览器。 一、SpringMVC文件上传基础 1. 配置SpringMVC 在`spring-mvc....

    ajax上传文件进度条及springMVC上传

    SpringMVC会自动处理文件上传的进度信息,但默认并不提供给前端。为了将进度信息反馈给前端,我们需要自定义一个Filter或者Interceptor来监听并转发这个信息。 ```java @PostMapping("/upload") public Response...

    多文件上传,并显示每一个的进度

    1. **SpringMVC的文件上传处理**:在Controller层,我们可以定义一个方法,接收`MultipartFile[] files`参数,这样就可以处理多文件上传。每个`MultipartFile`对象代表一个上传的文件,可以获取文件名、类型、大小等...

    SpringMVC+Ajax异步上传图片并显示(源码)

    `MultipartFile`是Spring MVC提供的一个接口,用于处理多部分表单数据,如文件上传。 接下来,我们需要在前端使用Ajax来发送异步请求。通常,我们使用jQuery库简化Ajax操作。以下是一个简单的示例,展示了如何使用...

Global site tag (gtag.js) - Google Analytics