zoukankan      html  css  js  c++  java
  • Javaweb实现表单数据和多文件上传

    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,也方便后期拓展时写入数据库

    项目下载链接

    博客园:https://www.cnblogs.com/newtol 微信公众号:Newtol 【转发请务必保留原作者,否则保留追责权利】
  • 相关阅读:
    AjaxWebService返回ArrayList
    Android中将布局文件/View添加至窗口过程分析 从setContentView()谈起
    Andriod中绘(画)图Canvas的使用详解
    Android中获取正在运行的应用程序ActivityManager.RunningAppProcessInfo类详解
    Android 应用程序模块: 应用, 任务, 进程, 和线程
    Android中获取正在运行的服务ActivityManager.RunningServiceInfo的使用
    android面试题整理
    Android中获取系统内存信息以及进程信息ActivityManager的使用(一)
    Android中View绘制流程以及invalidate()等相关方法分析
    android:windowSoftInputMode详解
  • 原文地址:https://www.cnblogs.com/newtol/p/10159123.html
Copyright © 2011-2022 走看看