文档章节

Javaweb实现表单数据和多文件上传

o
 osc_mervd488
发布于 2018/04/20 20:02
字数 1070
阅读 0
收藏 0

精选30+云产品,助力企业轻松上云!>>>

Javaweb实现表单数据和多文件上传

前期准备

  • form-data:
    就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息,以标签为单元,用分隔符分开。既可以上传键值对,也可以上传文件。当上传的字段是文件时,会有Content-Type来表名文件类型;content-disposition,用来说明字段的一些信息;由于有boundary隔离,所以multipart/form-data既可以上传文件,也可以上传键值对,它采用了键值对的方式,所以可以上传多个文件
  • x-www-form-urlencoded:
    就是application/x-www-from-urlencoded,会将表单内的数据转换为键值对
  • raw:
    可以上传任意格式的文本,可以上传text、json、xml、html等
  • binary
    相当于Content-Type:application/octet-stream,从字面意思得知,只可以上传二进制数据,通常用来上传文件,由于没有键值,所以,一次只能上传一个文件

所以我们可以看出,对于单纯的文本表单我们可以通过application/x-www-from-urlencoded的方式提交,但是我们涉及到的是同时提交文本表单和文件表单,所以我们应该选择的是multipart/form-data

项目目录

这里写图片描述

项目文件

  • upload.jsp
<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2018/2/21
  Time: 21:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>

<form method="post" action="/vote/admin/cheer_info" enctype="multipart/form-data">
    选择一个文件:
    <input type="text" name="text1" />
    <input type="text" name="text2" />
    <input type="text" name="text3" />
    <input type="text" name="file1" />
    <input type="file" name="file2" />
    <input type="file" name="file3" />
    <br/><br/>
    <input type="submit" value="上传" />
</form>
</body>
</html>
  • UploadServlet
package cn.newtol.upload.Servlet;
import cn.newtol.upload.Util.UploadUtil;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.IOException;
import java.util.HashMap;

/**
 * @Author: REN
 * @Description:
 * @Date: Created in 18:29 2018/4/20
 */
public class UploadServlet  extends HttpServlet{
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        UploadUtil uploadUtil = new UploadUtil();
        HashMap<String,String> map= uploadUtil.upload(req);
        resp.setContentType("text/html;charset=utf-8");
        resp.getWriter().println(map.toString());

    }
}
  • UploadUtil
package cn.newtol.upload.Util;
import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.FileUploadException;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.HashMap;
import java.util.Iterator;
import java.util.List;

/**
 * @Author: REN
 * @Description:
 * @Date: Created in 23:09 2018/3/15
 */
public class UploadUtil {
    private static final long serialVersionUID = 1L;

    // 上传文件存储目录
    private static final String UPLOAD_DIRECTORY = "upload";

    // 上传配置
    private static final int MEMORY_THRESHOLD = 1024 * 1024 * 3;  // 3MB
    private static final int MAX_FILE_SIZE = 1024 * 1024 * 200; // 200MB
    private static final int MAX_REQUEST_SIZE = 1024 * 1024 * 1000; // 1000MB

    /**
     * 上传数据及保存文件
     */
    public static HashMap upload(HttpServletRequest request) throws ServletException, IOException {

        // 配置上传参数
        DiskFileItemFactory factory = new DiskFileItemFactory();
        // 设置内存临界值 - 超过后将产生临时文件并存储于临时目录中
        factory.setSizeThreshold(MEMORY_THRESHOLD);
        // 设置临时存储目录
        factory.setRepository(new File(System.getProperty("java.io.tmpdir")));

        ServletFileUpload upload = new ServletFileUpload(factory);

        // 设置最大文件上传值
        upload.setFileSizeMax(MAX_FILE_SIZE);

        // 设置最大请求值 (包含文件和表单数据)
        upload.setSizeMax(MAX_REQUEST_SIZE);

        // 中文处理
        upload.setHeaderEncoding("UTF-8");

        //设置多媒体文件参数
        HashMap<String, String> map = new HashMap<String, String>();


        // 构造临时路径来存储上传的文件
        // 这个路径相对当前应用的目录
        String uploadPath = request.getServletContext().getRealPath("") + File.separator + UPLOAD_DIRECTORY;

        // 如果目录不存在则创建
        File uploadDir = new File(uploadPath);
        if (!uploadDir.exists()) {
            uploadDir.mkdir();
        }
        try {
            // 解析请求的内容提取文件数据
            List items = upload.parseRequest(request);
            Iterator iter = items.iterator();// 遍历表单中提交过来的内容
            while (iter.hasNext()) {
                FileItem item = (FileItem) iter.next();
                if (item.isFormField()) { // 如果是表单域 ,就是非文件上传元素
                    String value = item.getString("UTF-8"); // 获取value属性的值,这里需要指明UTF-8格式,否则出现中文乱码问题
                    String name = item.getFieldName();
                    map.put(name, value);
                }else {
                    String type = item.getFieldName();
                    String fileName = new File(item.getName()).getName();
                    String filePath = uploadPath + fileName;
                    File storeFile = new File(filePath);
                    // 在控制台输出文件的上传路径
                    map.put(type, filePath);
                    // 保存文件到硬盘
                    item.write(storeFile);
                }
            }
        } catch (FileUploadException e) {
            e.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
        return map;

    }
}

项目的依赖包

    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.6</version>
    </dependency>
    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.3</version>
    </dependency>

上传界面截图

这里写图片描述

上传成功的截图这里写图片描述

以上就完成了javaweb的多文件上传和文本表单数据的同时提交,同时将各个字段和url放在了Map,也方便后期拓展时写入数据库

项目下载链接

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

63. Unique Paths II

题目: 63. Unique Paths II A robot is located at the top-left corner of a m x n grid (marked 'Start' in the diagram below). The robot can only move either down or right at any p......

JiaMing
47分钟前
30
0
前后端分离了,跨域问题怎么处理?

利用Nginx反向代理解决跨域问题 使用jsonp 来进行解决,不推荐,老项目可以使用此方案,但是发送的http 请求体有大小限制,并且发送方式为get方式,大小限制、不安全。 服务器代理 CORS 请求...

SpringForA
49分钟前
19
0
Hacker News 简讯 2020-07-10

更新时间: 2020-07-10 01:02 Slate Star Codex and Silicon Valley’s War Against the Media - (newyorker.com) 《板岩之星》与硅谷对媒体的战争 得分:102 | 评论:42 US Supreme Court deem......

FalconChen
今天
109
2
如何在Java中将文本追加到现有文件 - How to append text to an existing file in Java

问题: I need to append text repeatedly to an existing file in Java. 我需要将文本重复添加到Java中的现有文件中。 How do I do that? 我怎么做? 解决方案: 参考一: https://stackoom...

fyin1314
昨天
12
0
Eclipse HotKey:如何在选项卡之间切换? - Eclipse HotKey: how to switch between tabs?

问题: How can I switch between opened windows in Eclipse? 如何在Eclipse中打开的窗口之间切换? There is Ctrl + F6 , but it's asking me which one I want, but I want switch it lik......

富含淀粉
昨天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部