文件上传
- 文件上传的回顾:
- 文件上传的前提:
form 表单
的enctype
取值必须是:multipart/form-data
(默认值是:application/x-www-form-urlencoded)- enctype:是表单请求正文的类型
method
属性取值必须是Post
- 提供一个文件选择域
<input type=”file” />
<form action="/fileUpload/uploadHandler" method="post" enctype="multipart/form-data"> param1<input type="text" name="param1"/><br/> param2<input type="text" name="param2"/><br/> 选择文件<input type="file" name="fileParam"/><br/> <input type="submit" value="上传文件"/> </form>
- 或者是使用ajax方式进行文件上传:
// 构建数据 var data = new FormData() data.append('name', $('[name=name]').val()) data.append('file', $('[name=thumb]')[0].files[0]) // file 对象 // 提交 $.ajax('/fileUpload/uploadHandler',{ method: 'POST', data: data, processData: false, // 默认 | 不处理数据 contentType: false // 默认 | 不设置内容类型 // 设置其他的属性 })
- 或者是使用ajax方式进行文件上传:
- 传统文件上传的方式:使用的是第三方的组件进行的上传
- 什么是传统的文件上传的方式: 指的是上传的文件和访问的应用在同一台服务器上 并且上传完成之后 浏览器可能进行跳转
- 文件表单内容的详解:
- 因为我们设置了enctype属性取值为multipart/form-data,因此在请求参数头中会有一项
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryOMtUEa1sSZ3ayCfC,
表示当前表单内容数据是分块的,每两块之间以----WebKitFormBoundaryOMtUEa1sSZ3ayCfC
分界 - 服务器通过遍历每一块数据,找到文件所在的数据块并执行保存 最终实现文件的上传
- 因为我们设置了enctype属性取值为multipart/form-data,因此在请求参数头中会有一项
- 文件上传的前提:
- 文件上传的实现方式:
- JavaEE的方式进行的文件上传:通过解析request对象,获取表单中的上传文件项并执行保存
@Controller @RequestMapping("/fileUpload") public class FileUploadController { @RequestMapping("/javaEE") public String fileupload1(HttpServletRequest request) throws Exception { // 创建目录保存上传的文件 String path = request.getSession().getServletContext().getRealPath("/uploads/"); File file = new File(path); if (!file.exists()) { file.mkdirs(); } // 创建ServletFileUpload来解析request ServletFileUpload upload = new ServletFileUpload(new DiskFileItemFactory()); List<FileItem> items = upload.parseRequest(request); // 遍历解析的结果,寻找上传文件项 for (FileItem item : items) { if (!item.isFormField()) { // 不是普通表单项,说明是文件上传项 // 服务器中保存的文件名 String filename = UUID.randomUUID().toString().replace("-", "") + "_" + item.getName(); // 上传文件 item.write(new File(path, filename)); // 删除临时文件 item.delete(); } } return "success"; } }
- SpringMVC进行单服务器文件上传:使用SpringMVC提供的文件解析器实现文件上传,
- 在Spring容器中注入文件解析器
CommonsMultipartResolver
对象:<!-- 配置文件解析器,其id是固定的,必须为multipartResolver --> <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> <!-- 设置文件的最大尺寸 --> <property name="maxUploadSize" value="10485760"/> </bean>
- 注意:文件上传的解析器
id
是固定的,不能起别的名称,否则无法实现请求参数的绑定。(不光是文件,其他字段也将无法绑定)
- 注意:文件上传的解析器
- 在处理器方法的参数列表中定义一个与表单文件项同名的
MultipartFile参数
,就可以将上传的文件绑定到该MultipartFile
对象上,调用其transferTo(File file)
方法即可保存文件 这样的形式相对于JavaEE的形式简单的多@Controller @RequestMapping("/fileUpload") public class FileUploadController { @RequestMapping("/springMVC") public String fileupload2(HttpServletRequest request, @RequestParam("fileParam") MultipartFile upload) throws Exception { // 创建目录保存上传的文件 String path = request.getSession().getServletContext().getRealPath("/uploads/"); File file = new File(path); if (!file.exists()) { file.mkdirs(); } // 服务器中保存的文件名 String filename = UUID.randomUUID().toString().replace("-", "") + "_" + upload.getOriginalFilename(); // 上传文件 upload.transferTo(new File(path,filename)); return "success"; } }
- 在Spring容器中注入文件解析器
- SpringMVC进行跨服务器文件上传: 引入
jersey库
进行服务器间通信,实现将文件上传到一个专用的文件服务器- 在pom.xml中引入jersey库的坐标:
<dependency> <groupId>com.sun.jersey</groupId> <artifactId>jersey-core</artifactId> <version>1.18.1</version> </dependency> <dependency> <groupId>com.sun.jersey</groupId> <artifactId>jersey-client</artifactId> <version>1.18.1</version> </dependency>
- 在方法中创建
Client
对象实现服务器间通信,将文件上传到文件服务器上:@Controller @RequestMapping("/fileUpload") public class FileUploadController { @RequestMapping("/betweenServer") public String fileupload3(@RequestParam("fileParam") MultipartFile upload) throws Exception { System.out.println("跨服务器文件上传..."); // 文件服务器URL String fileServerPath = "http://localhost:9090/uploads/"; // 获取服务器中保存的文件名 String filename = UUID.randomUUID().toString().replace("-", "") + "_" + upload.getOriginalFilename(); // 创建客户端对象并在文件服务器上创建资源 Client client = Client.create(); WebResource webResource = client.resource(fileServerPath + filename); webResource.put(upload.getBytes()); return "success"; } }
- 分服务器的目的:
- 分服务器处理的目的是让服务器各司其职,从而提高我们项目的运行效率
- 在pom.xml中引入jersey库的坐标:
- JavaEE的方式进行的文件上传:通过解析request对象,获取表单中的上传文件项并执行保存
- 上传文件的工具类的编写:
- 对文件的处理封装成抽象类
FileUtil
:package cn.maoritian.utils; import java.io.File; import java.io.FileOutputStream; import java.util.UUID; public class FileUtil { // 上传文件 public static void uploadFile(byte[] file, String filePath, String fileName) throws Exception { File targetFile = new File(filePath); if (!targetFile.exists()) { targetFile.mkdirs(); } FileOutputStream out = new FileOutputStream(filePath + fileName); out.write(file); out.flush(); out.close(); } // 删除文件,返回值表示是否删除成功 public static boolean deleteFile(String fileName) { File file = new File(fileName); // 如果文件路径所对应的文件存在,并且是一个文件,则直接删除 if (file.exists() && file.isFile()) { if (file.delete()) { return true; } else { return false; } } else { return false; } } // 重命名文件 非常重要的一步 public static String renameToUUID(String fileName) { return UUID.randomUUID() + "." + fileName.substring(fileName.lastIndexOf(".") + 1); } }
- 对文件的处理封装成抽象类