servlet文件上传、多文件上传

最新推荐文章于 2023-03-07 10:46:06 发布
最新推荐文章于 2023-03-07 10:46:06 发布
阅读量2k 收藏 31
点赞数 3
分类专栏： JavaWeb 文章标签： servlet 多文件上传
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53449032/article/details/117932037
版权

文章目录

一、课程目标

【理解】servlet文件上传原理
【理解】servlet基于jar包文件上传
【掌握】servelt3.0注解形式的文件上传
【理解】多文件上传
【了解】文件下载原理
【理解】LayUi文件上传组件的使用

二、基于Jar文件上传

2.1 原理

将客户端的文件以流的形式进行解析发送至服务器端并进行保存的过程称之为文件上传，很多前端框架都定义了这种上传的功能，大致分为几类，form表单形式，ajax形式

创建DiskFileItemFactory工厂对象，创建文件解析对象ServletFileUpload传入工厂对象，调用解析方法解析请求中的流数据，将流数据以FileItem集合的形式进行返回（包含普通字段数据以及文件字段数据的集合），遍历集合判断是否为文件字段，如果是文件字段获取输入流，通过输出流存储至指定文件中（getName上传文件名）,如果获取普通字段数据通过(getFieldName，getString)相应方法获取数据信息

2.2 书写

如果是基于form表单形式，那么在提交数据时需要修改表单的数据提交方式，将表达的数据以流的形式发送至服务器端，并且修改请求方式为post，否则不能进行上传

1、书写form表单 修改提交方式method=“post”，数据发送方式enctype="multipart/form-data“这样提交的文件会在请求体中以流的形式发送至客户端

  <!-- 提交方式post   提交数据形式multipart/form-data -->
<form action="/upload" method="post" enctype="multipart/form-data">

2、创建相应的文件域用于选择提交的文件

<form action="upload" method="post" enctype="multipart/form-data">
    账号：<input type="text" name="username"><br>
    密码：<input type="password" name="password"><br>
    头像：<input type="file" name="img" ><br>
    <input type="submit" value="注册">
</form>

3、在导入相应jar包后创建对应处理文件上传的servlet类

package com.yunhe.servlet;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.util.HashMap;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileItemFactory;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

@WebServlet("/upload")
public class UploadServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

	protected void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// 创建文件解析工厂对象
		FileItemFactory fileItemFactory = new DiskFileItemFactory();
		// 使用文件解析工厂对象创建对应的解析对象
		ServletFileUpload servletUpload = new ServletFileUpload(fileItemFactory);
		// 创建map集合保存普通数据字段
		HashMap<String, String> map = new HashMap<>();
		try {
			// 解析请求中的流数据封装保存至对应的字段数据对象中
			List<FileItem> fileItems = servletUpload.parseRequest(request);
			// 遍历字段数据集合 判断数据类型进行操作
			for (FileItem fileItem : fileItems) {
				// 如果当前遍历的是form表单的普通字段
				if (fileItem.isFormField()) {
					map.put(fileItem.getFieldName(), fileItem.getString());
				} else {
					// 获取上传原文件名
					String name = fileItem.getName();
					// 创建保存文件的路径
					String contextPath = getServletContext().getRealPath("/");
					System.out.println(contextPath);
					// 创建保存文件的file类
					File file = new File(contextPath, name);
					// 在指定路径创建文件对象
					//file.createNewFile();
					
					// 读取上传文件的输入流
					InputStream is = fileItem.getInputStream();
					// 创建写入文件的输出流
					FileOutputStream fos = new FileOutputStream(file);
					// 读取输入流数据写入文件
					byte[] b = new byte[1024];
					int len = 0;
					while ((len = is.read(b)) != -1) {
						fos.write(b, 0, len);
					}
					is.close();
					fos.flush();
					fos.close();
					System.out.println("文件被保存到:" + file);
				}
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

2.3 多文件上传

由于后台进行处理时，就是将请求的所有数据进行解析，所以无论前台发送多个文件，后台解析方式不变，所以无需修改后台代码，只需要在前台上传页面对应文件域中添加复选属性multiple即可

<form action="upload" method="post" enctype="multipart/form-data">
    账号：<input type="text" name="username"><br>
    密码：<input type="password" name="password"><br>
    头像：<input type="file" name="img" ><br>
    <input type="submit" value="注册" multiple>
</form>

三、基于注解文件上传

3.1 原理

将客户端的文件以流的形式进行解析发送至服务器端并进行保存的过程称之为文件上传，很多前端框架都定义了这种上传的功能，大致分为几类，form表单形式，ajax形式

在servlet3.0之后可以将数据封装为part对象可以直接获取上传的文件数据，需要将servlet使用@MultipartConfig进行标识

2.2 书写

前台代码无需修改

package com.yunhe.servlet;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.*;
import java.util.Collection;
import java.util.UUID;

@WebServlet("/upload")
//告诉服务器 这个servlet可以用来直接接收文件
@MultipartConfig
public class UploadServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        //可以直接通过name获取请求中的值
        String username = request.getParameter("username");
        // Part part = request.getPart("imgFile");
        //获取提交文件的名字（单个文件）
        // String submittedFileName = part.getSubmittedFileName();
        //获取前台请求的所有文件(包含普通字段在内)
        Collection<Part> parts = request.getParts();
        for (Part p : parts) {
            //普通字段封装为part对象数据为null
          if(p.getSubmittedFileName()!=null){
              InputStream inputStream = p.getInputStream();
              BufferedInputStream bis=new BufferedInputStream(inputStream);
              File file=new File("F://upload", UUID.randomUUID()+p.getSubmittedFileName());
              FileOutputStream fos=new FileOutputStream(file);

              byte [] b=new byte[2048];
              int len=0;
              while((len=bis.read(b))!=-1){
                  fos.write(b,0,len);
              }
              bis.close();
              fos.flush();
              fos.close();
          }
        }
    }
}

四、文件下载

4.1 原理

就是服务器端根据客户端请求查找指定文件，通过io流的形式将文件发送至客户端,但是由于数据的类型，需要修改响应头变为文件形式，否则会直接输出到客户端展示

4.2 书写

1、创建响应客户端的文件对象

2、设置响应头，设置文件名称

3、获取响应输出流读取文件输出至客户端

package com.yunhe.servlet;

import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.io.PrintWriter;
import java.net.URLEncoder;

import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Servlet implementation class DownLoadServlet
 */
@WebServlet("/download")
public class DownLoadServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;

 
	protected void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		File file = new File("C://Users/Administrator/Desktop/test.doc");
		//设置相应头设置响应文件名
		response.setHeader("content-disposition", "attachment;filename=" + URLEncoder.encode(file.getName(), "UTF-8"));
		FileInputStream fis=new FileInputStream(file);
		ServletOutputStream os = response.getOutputStream();
		byte b[]=new byte[1024];
		int len=0;
		while((len=fis.read(b))!=-1){
			os.write(b, 0, len);
		}
		fis.close();
		os.flush();
		os.close();
	}
}

五、LayUI文件上传组件

通过layui加载相应模块为指定标签添加上传功能（无需使用input标签就可以完成文件上传）

5.1 使用

1、在页面引入layUI相关样式css与js

2、加载指定模块

3、书写相应配置属性绑定页面元素

4、后台进行文件的保存（注意返回数据形式）接口返回的相应信息必须是一个标准的 JSON 格式

5.2 配置属性

参数选项说明类型默认值
elem指向容器选择器，如：elem: ‘#id’。也可以是DOM对象string/object-
url服务端上传接口，返回的数据规范请详见下文string-
data请求上传接口的额外参数。如：data: {id: ‘xxx’}object-
headers接口的请求头。如：headers: {token: ‘sasasas’}。注：该参数为 layui 2.2.6 开始新增
accept指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）stringimages
acceptMime规定打开文件选择框时，筛选出的文件类型，值为用逗号隔开的 MIME 类型列表。如： acceptMime: ‘image/*’（只显示图片文件） acceptMime: ‘image/jpg, image/png’（只显示 jpg 和 png 文件） 注：该参数为 layui 2.2.6 开始新增stringimages
exts允许上传的文件后缀。一般结合 accept 参数类设定。假设 accept 为 file 类型时，那么你设置 exts: ‘zip|rar|7z’ 即代表只允许上传压缩格式的文件。如果 accept 未设定，那么限制的就是图片的文件格式stringjpg|png|gif|bmp|jpeg
auto是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传booleantrue
bindAction指向一个按钮触发上传，一般配合 auto: false 来使用。值为选择器或DOM对象，如：bindAction: ‘#btn’string/object-
field设定文件域的字段名stringfile
size设置文件最大可允许上传的大小，单位 KB。不支持ie8/9number0（即不限制）
multiple是否允许多文件上传。设置 true即可开启。不支持ie8/9booleanfalse
number设置同时可上传的文件数量，一般配合 multiple 参数出现。 注意：该参数为 layui 2.2.3 开始新增number0（即不限制）
drag是否接受拖拽的文件上传，设置 false 可禁用。不支持ie8/9booleantrue
回调
choose选择文件后的回调函数。返回一个object参数，详见下文function-
before文件提交上传前的回调。返回一个object参数（同上），详见下文function-
done执行上传请求后的回调。返回三个参数，分别为：res（服务端响应信息）、index（当前文件的索引）、upload（重新上传的方法，一般在文件上传失败后使用）。详见下文function-
error执行上传请求出现异常的回调（一般为网络异常、URL 404等）。返回两个参数，分别为：index（当前文件的索引）、upload（重新上传的方法）。详见下文function-

upload.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="static/layui/css/layui.css">
    <script src="static/layui/layui.js"></script>
    <script src="static/js/jquery-3.4.1.min.js"></script>
    <script>
        $(function () {
            layui.use('upload', function () {
                var upload = layui.upload;
                //执行实例
                var uploadInst = upload.render({
                    elem: '#test1' //绑定元素
                    , url: 'imgUpload' //上传接口
                    , done: function (res) {
                        //上传完毕回调
                      //  console.log(res.data.src)
                      //  alert("上传成功")
                        $("#i1").attr("src",res.data.src)
                    }
                    , error: function () {
                        //请求异常回调
                        alert("上传失败")
                    }
                });
            });
        })
    </script>
</head>

<body>
<img id="i1">
    <button type="button" class="layui-btn" id="test1">
        <i class="layui-icon">&#xe67c;</i>上传图片
    </button>
</body>
</html>

ImgServlet.java

package com.yunhe.servlet;

import net.sf.json.JSONObject;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.*;
import java.util.Collection;
import java.util.UUID;

@WebServlet("/imgUpload")
@MultipartConfig
public class ImgServlet extends HttpServlet {

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        response.setCharacterEncoding("utf-8");
        Collection<Part> parts = request.getParts();
        for (Part p : parts) {
            //普通字段封装为part对象数据为null
            if (p.getSubmittedFileName() != null) {
                InputStream inputStream = p.getInputStream();
                BufferedInputStream bis = new BufferedInputStream(inputStream);
                String fileName=UUID.randomUUID() + p.getSubmittedFileName();
                File file = new File("F://upload", fileName);
                FileOutputStream fos = new FileOutputStream(file);
                byte[] b = new byte[2048];
                int len = 0;
                while ((len = bis.read(b)) != -1) {
                    fos.write(b, 0, len);
                }
                bis.close();
                fos.flush();
                fos.close();
                //创建json对象
                JSONObject jsonObject=new JSONObject();
                JSONObject dataJson=new JSONObject();

                jsonObject.put("code",0);
                jsonObject.put("msg","");
                dataJson.put("src","/img/"+fileName);
                jsonObject.put("data",dataJson);
                System.out.println(jsonObject);
                response.getWriter().print(jsonObject);
            }
        }
    }
}
温故。
关注
  • 3
    点赞
  • 踩
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot功能模块之实现单文件、多文件上传和下载
qq_62377885的博客
03-13 1861
Hutool是一个功能丰富的Java工具类库，它旨在简化Java开发中的常见任务。文件操作：对文件的读写、复制、删除等进行封装，简化了文件处理流程。流操作：对输入输出流的包装，使得流的处理更加便捷。加密解密：提供多种加密解密算法的实现，如MD5、SHA等。转码：支持字符串与字节数组之间的转换，以及不同编码格式之间的转换。正则表达式：简化了正则表达式的使用，提供匹配和替换等功能。线程操作：包括线程池管理、线程控制等。XML处理：简化了XML文档的解析、生成和查询。缓存。
上传文件 —— Servlet
AwwzJ_0821的博客
05-06 1773
上传文件也是一个常见的需求，在Servlet中也提供了支持。上传文件的时候，在前端需要用到form 表单，在 form 表单中需要使用到特殊的类型：form-data。此时提交文件的时候，浏览器就会把文件内容以 form-data 的格式构造到 HTTP 请求中，服务器就可以通过 getPart 来获取了。一个 HTTP 请求，可以一次性提交多个文件。每个文件都称为一个，每个 Part 都有一个（身份标识），服务器代码中就可以根据 name 找到对应的 Part。
使用超链接和后台Servlet实现文件上传和下载（附图和代码）
xxxibgdrgn博客
08-07 2114
使用工具：IntelliJ IDEA 2020.1.1、Tomcat 9.0.33 1.文件上传 文件上传涉及到前台页面的编写和后台服务器端代码的编写，前台发送文件，后台接收并保持文件，这才是一个完整的文件上传 1.1前台页面 在做文件上传时，会有一个上传文件的界面，首先需要一个表单，并且表单的请求方式为POST，其次form表单的enctype必须设为“multipart/form-data”，即enctype=“multipart/form-data”，意思是设置表单的类型为文件上传表单，默认情况下这个
Servlet实现文件上传 2种上传方式@ MultipartConfig
零学IT
05-24 6588
这里写链接内容Hello,大家好，很高兴来看老邢教程，今天咱们来聊一聊Servlet3.0的文件上传，3.0JAVA源生支持文件上传。 文件上传，我们需要在表单或HTTPURLConnection中设置请求方式为POST并且还需要设置消息头enctype=”multipart/form-data”（作用是将文件对应的内容以二进制的形式传递给后台）
servlet实现文件上传
weixin_42223524的博客
03-07 694
使用FileUpload实现上传，是第三方库由appache的commons提供的上传组件，主要是帮我们解析req.getInputStream()中前端传过来的参数和上传的文件。java中解析文件上传数据的库，常见的FileUpload库（Spring中默认的上传库）、SmartUpload。（1）application/x-www-form-urlencoded默认取值：普通表单提交类型。上传文件类型，传输的数据以boundary进行分割，以---${boundary}开始。
Servlet+JSP 实现文件的上传与下载功能（限制条件与散列存储）
她的坏机器人
09-06 429
实现：JavaEE实现浏览器上传文件到服务器端，下载文件到客户端 文件上传 文件上传的步骤 创建文件上传表单 编写服务器程序接收文件 注意： 文件上传表单提交方式：post 表单提交类型：multipart/form-data 代码演示 先创建一个前端页面的form表单：upload.jsp <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> &lt
Servlet实现多文件上传功能
08-31
通过以上步骤，你可以实现基本的Servlet文件上传功能，包括多文件上传。然而，实际应用中可能需要考虑更多细节，如使用过滤器处理大文件上传，避免内存溢出，或者使用更高级的库如Spring MVC或Play Framework简化...
Servlet实现文件上传，可多文件上传示例
11-26
一、Servlet实现文件上传，需要添加第三方提供的jar包 下载地址： 1) commons-fileupload-1.2.2-bin.zip: 点击打开链接 2) commons-io-2.3-bin.zip: 点击打开链接  接着把这两个jar包放到 lib文件夹下： 二：...
JSP+Servlet实现文件上传到服务器功能
01-08
本文实例为大家分享了JSP+Servlet实现文件上传到服务器功能的具体代码，供大家参考，具体内容如下 项目目录结构大致如下： 正如我在上图红线画的三个东西：Dao、service、servlet 这三层是主要的结构，类似 MVC ...
java基于servlet实现文件上传功能
08-25
7. 文件上传的应用场景：文件上传功能有很多应用场景，如上传头像、上传附件、上传文档等。 8. 文件上传的优缺点：文件上传功能有其优缺点。优点是可以方便用户上传文件，缺点是需要占用服务器端的磁盘空间。 9. ...
jsp+servlet文件下载及批量下载
12-15
java实现jsp+servlet文件下载及批量下载，mvc分层技术
servlet3文件上传操作
08-28
Servlet3文件上传操作 Servlet3文件上传操作是指在Servlet3.0中实现文件上传功能的相关技术。下面将对Servlet3文件上传操作的相关知识点进行详细的介绍。 一、Servlet3.0文件上传的优势 在Servlet2.5中，实现文件...
使用Java Servlet上传文件到数据库显示文件列表并下载文件
allway2的博客
04-08 1402
在本文档中，我将指导您上载文件并将其存储在数据库中数据类型为BLOB的列中，然后从数据库中数据类型为BLOB的列中下载文件。 创建数据库 您可以使用任何数据库，下面是用于创建upload表的脚本，该表用于存储您上载的数据文件。 CREATE TABLE `upload` ( `id` VARCHAR(50) NOT NULL DEFAULT '' COLLATE 'utf8mb4_unicode_ci', `file` LONGBLOB NOT NULL, `filename` VARCHAR
Java使用servlet实现文件上传至数据库和从数据库下载文件
热门推荐
qq_27455063的博客
11-19 1万+
一、前台 1.上传页面 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here 上传文件1： 2、下载页面原理同上 二、上传 package MainServlet; import java.io
ajax+servlet实现文件上传
qq_38046742的博客
04-02 2263
用ajax实现文件上传需要两个jar包 html代码 图片上传 js代码（需要添加jquery依赖） servlet代码 //文件上传 public void uploadFile(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { reque...
AJAX+Servlet3.0实现异步文件上传（单个文件、多个文件上传、带文件的表单提交）
qq_40348465的博客
11-29 1395
   一、上传单个文件           1.JSP页面代码       &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt
Ajax+Servlet超详细实现文件上传
w13346019869的博客
09-28 907
废话不多说，代码都有注释 maven: <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> </dependency> <!--文
Ajax+Servlet文件上传(带进度条)
我只是代码搬运工的博客
12-15 1658
最新项目有个需求，需要文件上传并带上上传进度条。 大致步骤为： （1）用户在标签中选择文件，并点击提交按钮。 <input id="selectFile" type="file" name="file" value="选择文件"> （2）点击按钮触发js函数，函数中获取用户提交的文件，并包装到新建的FormData 对象中。 //获取文件名称 function upload(){ //获取文件名称 var fileName = getFileName($("#sel
servlet多文件上传
最新发布
05-31
在Servlet中实现多文件上传需要以下步骤： 1. 在HTML表单中设置enctype属性为"multipart/form-data"，并且设置method为"POST"。 2. 在Servlet中获取HttpServletRequest对象，并通过该对象获取上传的文件信息。 3. 遍历HttpServletRequest对象中的文件信息，并将每个文件保存到服务器本地磁盘。 以下是一个示例Servlet代码： ```java import java.io.File; import java.io.IOException; import java.io.PrintWriter; import java.util.List; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.commons.fileupload.FileItem; import org.apache.commons.fileupload.FileItemFactory; import org.apache.commons.fileupload.disk.DiskFileItemFactory; import org.apache.commons.fileupload.servlet.ServletFileUpload; public class UploadServlet extends HttpServlet { private static final long serialVersionUID = 1L; public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html"); PrintWriter out = response.getWriter(); // 判断上传表单是否为multipart/form-data类型 boolean isMultipart = ServletFileUpload.isMultipartContent(request); if (!isMultipart) { out.println("<html>"); out.println("<head>"); out.println("<title>Servlet upload</title>"); out.println("</head>"); out.println("<body>"); out.println("<h1>Invalid request type</h1>"); out.println("</body>"); out.println("</html>"); return; } // 创建一个FileItemFactory对象 FileItemFactory factory = new DiskFileItemFactory(); // 创建ServletFileUpload对象 ServletFileUpload upload = new ServletFileUpload(factory); try { // 解析上传表单 List<FileItem> items = upload.parseRequest(request); for (FileItem item : items) { // 判断是否为文件域 if (!item.isFormField()) { // 获取上传文件名称 String fileName = item.getName(); // 创建一个文件对象 File file = new File("c:/uploads/" + fileName); // 保存上传文件到本地磁盘 item.write(file); } } // 显示上传成功页面 out.println("<html>"); out.println("<head>"); out.println("<title>Servlet upload</title>"); out.println("</head>"); out.println("<body>"); out.println("<h1>Upload successful</h1>"); out.println("</body>"); out.println("</html>"); } catch (Exception e) { e.printStackTrace(); } } } ``` 在上面的示例中，使用了Apache Commons FileUpload API来解析上传的表单数据。这个API提供了一种方便、可靠、高效的方式来处理文件上传。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值