SpringMVC-04-文件上传

SpringMVC-HMday02-02-文件上传

1 文件上传

1.1 文件上传的必要前提

  • 1、 form 表单的 enctype 取值必须是:multipart/form-data(默认值是:application/x-www-form-urlencoded),enctype:是表单请求正文的类型
  • 2、 method 属性取值必须是 Post
  • 3、 提供一个文件选择域

在这里插入图片描述

1.2 文件上传的原理分析

1.1.1文件上传的必要前提:

  • a.表单的method必须是post
  • b.表单的enctype属性必须是multipart/form-data类型的

enctype默认值:application/x- www-form-urlencoded
作用:告知服务器,请求正文的MIME类型

urlencoded的正文的格式为:
application/x- www-form-urlencoded : username = abc &passwoard = 123,
String name = request.getParameter(“name”); 这种获取参数的方法,仅适用于该种类型

1.1.2 将表单设置为enctype = multipart/form-data类型

  • 文件头和正文之间用空行隔开,上面是指定的分界符号,用来区分不同的表单提交内容。

  • 解析请求正文的内容

  • 表单中提供type="file"类型的上传组件

1.3 借助第三方组件实现文件上传

  • 使用 Commons-fileupload 组件实现文件上传,需要导入该组件相应的支撑 jar 包:Commons-fileupload 和commons-io。commons-io 不属于文件上传组件的开发 jar 文件,但Commons-fileupload 组件从 1.1 版本开始,它工作时需要 commons-io 包的支持
  • commons-fileupload.jar
  • commons-io.jar

2 传统方式的文件上传

2.1 编写index.jsp文件

    <h3>实现文件上传--传统方式</h3>
    <%--编写form表单实现文件上传--%>
    <form action="/file/fileUpload1" method="post" enctype="multipart/form-data">
        选择文件:<input type="file" name="upload"/><br/>
        提交:<input type="submit" value="上传"/>
    </form>

2.2 编写控制器FileUpload1Controller

package com.zzy.controller;

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 org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.util.List;
import java.util.UUID;

@Controller
@RequestMapping("/file")
public class FileUpload1Controller {

    /**
     * 文件上传------传统方式
     * @return
     */
    @RequestMapping("fileUpload1")
    public String fileUpload1(HttpServletRequest request) throws Exception {//从前端上传的文件全部存在request域对象中
        System.out.println("传统方式文件上传。。。");
        //使用Fileupload组件完成文件上传

        //1.获取最大作用域的域对象
        ServletContext servletContext = request.getSession().getServletContext();
        //2.指定文件上传的位置,当前项目下uploads根目录下上传文件
        String realPath = servletContext.getRealPath("/uploads1/");
        //判断该路径是否存在
        File file = new File(realPath);
        //如果不存在
        if (!file.exists()){
            //就创建该文件夹
            file.mkdirs();
        }
        //3.解析request对象,获取文件上传项
        //创建磁盘文件项工厂
        DiskFileItemFactory factory = new DiskFileItemFactory();
        ServletFileUpload upload = new ServletFileUpload(factory);
        //解析request
        List<FileItem> fileItems = upload.parseRequest(request);
        //遍历
        for (FileItem item : fileItems) {
            //进行判断,判断当前文件是否是上传文件项
            if (item.isFormField()){//true 表示是一个表单项

            }else {//false 表示上传文件项
                //获取文件上传的名称
                String fileName = item.getName();
                //完成文件上传
                item.write(new File(realPath,fileName));
                //删除临时文件
                item.delete();
            }
        }
        return "success";
    }
}

2.2 编写核心配置文件springmvcConfig.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="
            http://www.springframework.org/schema/beans
            http://www.springframework.org/schema/beans/spring-beans.xsd
            http://www.springframework.org/schema/mvc
            http://www.springframework.org/schema/mvc/spring-mvc.xsd
            http://www.springframework.org/schema/context
            http://www.springframework.org/schema/context/spring-context.xsd">

    <!--开始注解扫描-->
    <context:component-scan base-package="com.zzy"/>

    <!--配置视图解析器-->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

        <!--告诉前端控制器,配置哪些静态资源不拦截-->
        <mvc:resources mapping="/js/**" location="/js/"/>
        <mvc:resources mapping="/css/**" location="/css/"/>
        <mvc:resources mapping="/images/**" location="/images/"/>

    <!--开启springmvc注解支持-->
    <mvc:annotation-driven/>
</beans>

2.3 运行服务器访问

  • 访问路径 http://localhost:8091

在这里插入图片描述

  • 访问结果

在这里插入图片描述

  • 查看upload1目录下的文件

在这里插入图片描述

3 SpringMVC的文件上传

3.1 pom文件引入Commons-fileupload 和commons-io依赖

    <dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.4</version>
    </dependency>

    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.8.0</version>
    </dependency>

3.2 编写index.jsp文件

 <h3>实现文件上传--SpringMVC的方式</h3>
    <%--编写form表单实现文件上传--%>
    <form action="/file/fileUpload2" method="post" enctype="multipart/form-data">
        选择文件:<input type="file" name="upload"/><br/>
        提交:<input type="submit" value="上传"/>
    </form>

3.2 编写控制器 FileUpload2Controller

package com.zzy.controller;

import org.apache.commons.fileupload.FileItem;
import org.apache.commons.fileupload.disk.DiskFileItemFactory;
import org.apache.commons.fileupload.servlet.ServletFileUpload;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.ServletContext;
import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;
import java.util.List;
import java.util.UUID;

@Controller
@RequestMapping("/file")
public class FileUpload2Controller {

    /**
     * SpringMVC的文件上传操作
     * @param request
     * @param upload
     * @return
     * @throws IOException
     */
    @RequestMapping("/fileUpload2")
    public String fileUpload2(HttpServletRequest request, MultipartFile upload) throws IOException {
        System.out.println("springmvc文件上传");
        String realPath = request.getSession().getServletContext().getRealPath("/uploads2/");
        File file = new File(realPath);
        if (!file.exists()){
            file.mkdirs();
        }
        String originalFilename = upload.getOriginalFilename();
        upload.transferTo(new File(realPath, originalFilename));
        return "success";
    }
}

3.3 配置文件解析器(springmvcConfig.xml中)

    <!--配置文件解析器对象-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="10485760"/>
    </bean>

3.4 运行服务器访问

  • 访问路径 http://localhost:8091/

在这里插入图片描述

  • 访问结果

在这里插入图片描述

在这里插入图片描述

  • 查看upload2目录下的文件

在这里插入图片描述

4 跨服务器的文件上传

4.0 跨服务器上传视图分析

  • 分服务器处理的目的是让服务器各司其职,从而提高我们项目的运行效率。
  • 在这里插入图片描述

4.1 编写index.jsp文件

<h3>实现文件上传--跨服务器的方式</h3>
    <%--编写form表单实现文件上传--%>
    <form action="/file/fileUpload3" method="post" enctype="multipart/form-data">
        选择文件:<input type="file" name="upload"/><br/>
        提交:<input type="submit" value="上传"/>
    </form>

4.2 设置FileUpload3Controller的tomcat服务器端口(8091)

在这里插入图片描述

4.3 pom文件中导入jar包

    <dependency>
      <groupId>com.sun.jersey</groupId>
      <artifactId>jersey-core</artifactId>
      <version>1.19</version>
    </dependency>

    <dependency>
      <groupId>com.sun.jersey</groupId>
      <artifactId>jersey-client</artifactId>
      <version>1.19.4</version>
    </dependency>

4.4 编写springmvcConfig.cml文件

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="
            http://www.springframework.org/schema/beans
            http://www.springframework.org/schema/beans/spring-beans.xsd
            http://www.springframework.org/schema/mvc
            http://www.springframework.org/schema/mvc/spring-mvc.xsd
            http://www.springframework.org/schema/context
            http://www.springframework.org/schema/context/spring-context.xsd">

    <!--开始注解扫描-->
    <context:component-scan base-package="com.zzy"/>

    <!--配置视图解析器-->
    <bean id="internalResourceViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

    <!--配置文件解析器对象-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="maxUploadSize" value="10485760"/>
    </bean>

        <!--告诉前端控制器,配置哪些静态资源不拦截-->
        <mvc:resources mapping="/js/**" location="/js/"/>
        <mvc:resources mapping="/css/**" location="/css/"/>
        <mvc:resources mapping="/images/**" location="/images/"/>

    <!--开启springmvc注解支持-->
    <mvc:annotation-driven/>
</beans>

4.5 编写控制器 FileUpload3Controller

package com.zzy.controller;

import com.sun.jersey.api.client.Client;
import com.sun.jersey.api.client.WebResource;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpServletRequest;
import java.io.File;
import java.io.IOException;

@Controller
@RequestMapping("/file")
public class FileUpload3Controller {

    /**
     * 跨服务器文件上传操作
     * @param upload
     * @return
     * @throws IOException
     */
    @RequestMapping("/fileUpload3")
    public String fileUpload3(MultipartFile upload) throws IOException {
        System.out.println("跨服务器的文件上传");
        //1、定义上传服务器的路径
        String path = "http://localhost:8092/uploads/";
        //2、获取需要上传文件的名称
        String originalFilename = upload.getOriginalFilename();
        //3、完成文件上传,跨服务器上传
        //3.1创建客户端对象
        Client client = Client.create();
        //3.2客户端对象和图片服务器进行链接
        WebResource resource = client.resource(path + originalFilename);
        //3.3上传文件
        resource.put(upload.getBytes());
        return "success";
    }
}

4.6 编写文件上传服务器FileUpload

  • 创建模块Module—FileUpload
  • 设置tomcat服务器端口

在这里插入图片描述

4.7 启动服务器–8092–跳转到index.jsp页面

在这里插入图片描述

4.8 启动服务器–8091–跳转到index.jsp页面

  • 跳转页面

在这里插入图片描述

  • 访问结果

在这里插入图片描述

  • 查看uploads目录下的文件

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值