WEB文件上传之apache common upload使用(一)

1. 多文件数据的提交

2. 文件数据包接收存储功能

3. 文件数据上传进度

4. WEB页面无刷新异步提交

时序图:

  • 文件上传时序图

  • 文件上传进度获取时序图

实现思路:

1. 多文件数据的提交

在WEB页面采用多个利用form表单进行文件提交

2. 文件数据包接收存储功能

服务端采用servlet,利用apache common upload组件接收解析数据包,接收解析的过程中保存进度到session, 文件接收完毕后保存到指定目录

3. 文件数据上传进度

在WEB页面在界面写一个定时器,定时访问服务器提供上传进度获取功能的servlet,获取文件上传进度信息

4. WEB页面无刷新异步提交

利用iframe来实现WEB页面无刷新异步上传

关键代码:

UploadFileServlet.java

Java代码

收藏代码

  1. package com.test.servlet;

  2. import java.io.File;

  3. import java.io.IOException;

  4. import java.io.Writer;

  5. import java.util.Iterator;

  6. import java.util.List;

  7. import javax.servlet.ServletException;

  8. import javax.servlet.http.HttpServlet;

  9. import javax.servlet.http.HttpServletRequest;

  10. import javax.servlet.http.HttpServletResponse;

  11. import org.apache.commons.fileupload.FileItem;

  12. import org.apache.commons.fileupload.FileUploadBase.FileSizeLimitExceededException;

  13. import org.apache.commons.fileupload.disk.DiskFileItemFactory;

  14. import org.apache.commons.fileupload.servlet.FileCleanerCleanup;

  15. import org.apache.commons.fileupload.servlet.ServletFileUpload;

  16. import org.apache.commons.io.FileCleaningTracker;

  17. import org.apache.commons.io.FileUtils;

  18. import org.apache.commons.io.FilenameUtils;

  19. import org.apache.commons.io.IOUtils;

  20. import org.apache.commons.lang3.ArrayUtils;

  21. import org.apache.commons.logging.Log;

  22. import org.apache.commons.logging.LogFactory;

  23. /**

  24. * 文件上传数据接收类

  25. *

  26. * @author chengqi

  27. *

  28. */

  29. public class UploadFileServlet extends HttpServlet {

  30. /** 日志对象*/

  31. private Log logger = LogFactory.getLog(this.getClass());

  32. private static final long serialVersionUID = 1L;

  33. /** 上传目录名*/

  34. private static final String uploadFolderName = “uploadFiles”;

  35. /** 上传临时文件存储目录*/

  36. private static final String tempFolderName = “tempFiles”;

  37. /** 上传文件最大为30M*/

  38. private static final Long fileMaxSize = 30000000L;

  39. /** 允许上传的扩展名*/

  40. private static final String [] extensionPermit = {“txt”, “xls”, “zip”};

  41. /** 统一的编码格式*/

  42. private static final String encode = “UTF-8”;

  43. @Override

  44. protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

  45. logger.info(“UploadFileServlet#doPost() start”);

  46. try {

  47. String curProjectPath = this.getServletContext().getRealPath(“/”);

  48. String saveDirectoryPath = curProjectPath + “/” + uploadFolderName;

  49. String tempDirectoryPath = curProjectPath + “/” + tempFolderName;

  50. File saveDirectory = new File(saveDirectoryPath);

  51. File tempDirectory = new File(tempDirectoryPath);

  52. logger.debug(“Project real path [” + saveDirectory.getAbsolutePath() + “]”);

  53. //上传时产生的临时文件的默认保存目录

  54. logger.debug(“Temp files default save path [” + System.getProperty(“java.io.tmpdir”) + “]”);

  55. DiskFileItemFactory factory = new DiskFileItemFactory();

  56. //DiskFileItemFactory中DEFAULT_SIZE_THRESHOLD=10240表示如果上传文件大于10K则会产生上传临时文件

  57. //上传临时文件的默认目录为java.io.tmpdir中保存的路径,根据操作系统的不同会有区别

  58. if(!tempDirectory.exists()) {

  59. tempDirectory.mkdir();

  60. }

  61. //重新设置临时文件保存目录

  62. factory.setRepository(tempDirectory);

  63. //设置文件清除追踪器,文件上传过程中产生的临时文件会在

  64. FileCleaningTracker fileCleaningTracker = FileCleanerCleanup.getFileCleaningTracker(this.getServletContext());

  65. factory.setFileCleaningTracker(fileCleaningTracker);

  66. ServletFileUpload upload = new ServletFileUpload(factory);

  67. //设置文件上传进度监听器

  68. FileProcessListener processListener = new FileProcessListener(request.getSession());

  69. upload.setProgressListener(processListener);

  70. // 设置文件上传的大小限制

  71. upload.setFileSizeMax(fileMaxSize);

  72. // 设置文件上传的头编码,如果需要正确接收中文文件路径或者文件名

  73. // 这里需要设置对应的字符编码,为了通用这里设置为UTF-8

  74. upload.setHeaderEncoding(encode);

  75. //解析请求数据包

  76. List fileItems = upload.parseRequest(request);

  77. //遍历解析完成后的Form数据和上传文件数据

  78. for (Iterator iterator = fileItems.iterator(); iterator.hasNext()😉 {

  79. FileItem fileItem = iterator.next();

  80. String fieldName = fileItem.getFieldName();

  81. String name = fileItem.getName();

  82. //如果为上传文件数据

  83. if(!fileItem.isFormField()) {

  84. logger.debug(“fieldName[” + fieldName + “] fileName[” + name + "] ");

  85. if(fileItem.getSize() > 0) {

  86. String fileExtension = FilenameUtils.getExtension(name);

  87. if(!ArrayUtils.contains(extensionPermit, fileExtension)) {

  88. throw new NoSupportExtensionException(“No Support extension.”);

  89. }

  90. String fileName = FilenameUtils.getName(name);

  91. FileUtils.copyInputStreamToFile(fileItem.getInputStream(),

  92. new File(saveDirectory, fileName));

  93. }

  94. } else { //Form表单数据

  95. String value = fileItem.getString(encode);

  96. logger.debug(“fieldName[” + value + “] fieldValue[” + fieldName + “]”);

  97. }

  98. }

  99. responseMessage(response, State.OK);

  100. } catch(FileSizeLimitExceededException e) {

  101. logger.error(e.getMessage(), e);

  102. responseMessage(response, State.OVER_FILE_LIMIT);

  103. } catch(NoSupportExtensionException e) {

  104. logger.error(e.getMessage(), e);

  105. responseMessage(response, State.NO_SUPPORT_EXTENSION);

  106. } catch(Exception e) {

  107. logger.error(e.getMessage(), e);

  108. responseMessage(response, State.ERROR);

  109. } finally {

  110. //清除上传进度信息

  111. request.getSession().removeAttribute(“fileUploadProcess”);

  112. }

  113. logger.info(“UploadFileServlet#doPost() end”);

  114. }

  115. public enum State {

  116. OK(200, “上传成功”),

  117. ERROR(500, “上传失败”),

  118. OVER_FILE_LIMIT(501, “超过上传大小限制”),

  119. NO_SUPPORT_EXTENSION(502, “不支持的扩展名”);

  120. private int code;

  121. private String message;

  122. private State(int code, String message) {

  123. this.code = code;

  124. this.message = message;

  125. }

  126. public int getCode() {

  127. return code;

  128. }

  129. public String getMessage() {

  130. return message;

  131. }

  132. }

  133. /**

  134. * 返回结果函数

  135. * @param response

  136. * @param state

  137. */

  138. private void responseMessage(HttpServletResponse response, State state) {

  139. response.setCharacterEncoding(encode);

  140. response.setContentType(“text/html; charset=” + encode);

  141. Writer writer = null;

  142. try {

  143. writer = response.getWriter();

  144. writer.write(“”);

  145. writer.flush();

  146. writer.close();

  147. } catch(Exception e) {

  148. logger.error(e.getMessage(), e);

  149. } finally {

  150. IOUtils.closeQuietly(writer);

  151. }

  152. }

  153. }

GetFileProcessServlet.java

Java代码

收藏代码

  1. package com.test.servlet;

  2. import java.io.IOException;

  3. import java.io.Writer;

  4. import javax.servlet.ServletException;

  5. import javax.servlet.http.HttpServlet;

  6. import javax.servlet.http.HttpServletRequest;

  7. import javax.servlet.http.HttpServletResponse;

  8. import org.apache.commons.io.IOUtils;

  9. import org.apache.commons.logging.Log;

  10. import org.apache.commons.logging.LogFactory;

  11. /**

  12. * 文件上传进度获取Servlet

  13. *

  14. * @author chengqi

  15. *

  16. */

  17. public class GetFileProcessServlet extends HttpServlet {

  18. /** 日志对象*/

  19. private Log logger = LogFactory.getLog(this.getClass());

  20. private static final long serialVersionUID = 1L;

  21. @Override

  22. protected void doGet(HttpServletRequest request, HttpServletResponse response)

  23. throws ServletException, IOException {

  24. logger.info(“GetFileProcessServlet#doGet start”);

  25. String fileUploadPercent = (String)request.getSession().getAttribute(“fileUploadProcess”);

  26. Writer writer = null;

  27. try {

  28. writer = response.getWriter();

  29. logger.info(“percent:” + fileUploadPercent);

  30. IOUtils.write(fileUploadPercent == null ? “0%” : fileUploadPercent, writer);

  31. writer.flush();

  32. writer.close();

  33. } catch(Exception e) {

  34. logger.error(e.getMessage(), e);

  35. } finally {

  36. IOUtils.closeQuietly(writer);

  37. }

  38. logger.info(“GetFileProcessServlet#doGet end”);

  39. }

  40. }

FileProcessListener.java

Java代码

收藏代码

  1. package com.test.servlet;

  2. import java.text.NumberFormat;

  3. import javax.servlet.http.HttpSession;

  4. import org.apache.commons.fileupload.ProgressListener;

  5. import org.apache.commons.logging.Log;

  6. import org.apache.commons.logging.LogFactory;

  7. /**

  8. * 文件进度监听器

  9. *

  10. * @author chengqi

  11. *

  12. */

  13. public class FileProcessListener implements ProgressListener{

  14. /** 日志对象*/

  15. private Log logger = LogFactory.getLog(this.getClass());

  16. private HttpSession session;

  17. public FileProcessListener(HttpSession session) {

  18. this.session = session;

  19. }

  20. public void update(long pBytesRead, long pContentLength, int pItems) {

  21. double readByte = pBytesRead;

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img
img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
img

文末

从转行到现在,差不多两年的时间,虽不能和大佬相比,但也是学了很多东西。我个人在学习的过程中,习惯简单做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
img

做做笔记,方便自己复习的时候能够快速理解,现在将自己的笔记分享出来,和大家共同学习。

个人将这段时间所学的知识,分为三个阶段:

第一阶段:HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

  • 推荐学习方式:针对某个知识点,可以先简单过一下我的笔记,如果理解,那是最好,可以帮助快速解决问题;

  • 大厂的面试难在,针对一个基础知识点,比如JS的事件循环机制,不会上来就问概念,而是换个角度,从题目入手,看你是否真正掌握。所以对于概念的理解真的很重要。

一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-RoGTMUDj-1712872571490)]

  • 29
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值