SpringMVC实现文件上传【传统方式上传、跨服务器上传】

分手后的思念是犯贱 2022-10-25 12:56 267阅读 0赞

### SpringMVC实现文件上传 ###

*  文件上传的知识回顾
 *   *  文件上传的必要前提
 *  导入文件上传的jar包
 *  传统方式上传文件
 *  跨服务器上传文件
 *  可能遇到的问题

# 文件上传的知识回顾 #

## 文件上传的必要前提 ##

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

# 导入文件上传的jar包 #

<dependency>
      <groupId>commons-fileupload</groupId>
      <artifactId>commons-fileupload</artifactId>
      <version>1.3.1</version>
    </dependency>
    <dependency>
      <groupId>commons-io</groupId>
      <artifactId>commons-io</artifactId>
      <version>2.4</version>
    </dependency>

# 传统方式上传文件 #

> **传统方式的文件上传，指的是我们上传的文件和访问的应用存在于同一台服务器上。  
> 并且上传完成之后，浏览器可能跳转。**

> **SpringMVC框架提供了MultipartFile对象，该对象表示上传的文件，要求变量名称必须和表单file标签的name属性名称相同。**

**jsp代码：**

<%--
      Created by IntelliJ IDEA.
      User: Keafmd
      Date: 2021/1/30
      Time: 15:06
      To change this template use File | Settings | File Templates.
    --%>
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <h1>传统方式文件上传</h1>
    
        <form action="user/filupload1" method="post" enctype="multipart/form-data">
            选择文件：<input type="file" name="upload" /><br/>
            <input type="submit" value="上传">
        </form>
    
    
        <h1>SpringMVC方式文件上传</h1>
        <form action="user/filupload2" method="post" enctype="multipart/form-data">
            选择文件：<input type="file" name="upload" /><br/>
            <input type="submit" value="上传">
        </form>
    
    </body>
    </html>

**UserController类：**

package com.Keafmd.controller;
    
    import com.sun.jersey.api.client.Client;
    import com.sun.jersey.api.client.WebResource;
    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 org.springframework.web.multipart.MultipartFile;
    
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import java.io.File;
    import java.util.List;
    import java.util.UUID;
    
    /** * Keafmd * * @ClassName: UserController * @Description: * @author: 牛哄哄的柯南 * @date: 2021-01-30 15:07 */
    @Controller
    @RequestMapping("/user")
    public class UserController { 
    
        /** * 文件上传 * @return */
        @RequestMapping("/filupload1")
        public String fileupload1(HttpServletRequest request) throws Exception { 
            System.out.println("文件上传");
            //准备使用fileupload组件完成文件上传
            //上传的位置
            String path =request.getSession().getServletContext().getRealPath("/uploads/");
            //System.out.println(path);
            //判断该路径是否存在
            File file = new File(path);
            if(!file.exists()){ 
                //创建文件夹
                file.mkdirs();
            }
            //解析request对象，获取上传文件
            DiskFileItemFactory factory = new DiskFileItemFactory();
            ServletFileUpload upload = new ServletFileUpload(factory);
            //开始解析request
            List<FileItem> items = upload.parseRequest(request);
            //遍历
            for (FileItem item : items) { 
                //进行判断，当前item对象是否是上传文件项
                if(item.isFormField()){ 
                    //说明普通表单项
    
                }else{ 
                    //说明上传文件项
                    //获取到上传文件的名称
                    String filename = item.getName();
                    //把文件名称设置为唯一值
                    String uuid = UUID.randomUUID().toString().replace("-", "");
                    filename = uuid+filename;
                    //完成文件上传
                    item.write(new File(path,filename));
                    //删除临时文件
                    item.delete();
                }
            }
    
            return "success";
        }
    
        /** * springmvc方式上传文件 * @param request * @param upload * @return * @throws Exception */
        @RequestMapping("/filupload2")
        public String fileupload2(HttpServletRequest request, MultipartFile upload) throws Exception { 
            System.out.println("SpringMVC文件上传");
            //准备使用fileupload组件完成文件上传
            //上传的位置
            String path =request.getSession().getServletContext().getRealPath("/uploads/");
            //System.out.println(path);
            //判断该路径是否存在
            File file = new File(path);
            if(!file.exists()){ 
                //创建文件夹
                file.mkdirs();
            }
    
    
            //说明上传文件项
            //获取到上传文件的名称
            String filename = upload.getOriginalFilename();
            //把文件名称设置为唯一值
            String uuid = UUID.randomUUID().toString().replace("-", "");
            filename = uuid+filename;
            //完成文件上传
            upload.transferTo(new File(path,filename));
    
    
            return "success";
        }
    
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70]  
**选择文件上传（选择一张图片）：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]  
**运行结果：**

> **传统方式与SpringMVC方式运行结果一样，相比于传统的方式，SpringMVC方式更加方便。**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 2]

**打开文件位置（项目的target目录下）：`F:\java_workspace\springmvc_day02_02_fileupload\target\springmvc_day02_02_fileupload\uploads`，这里就是我们上传的文件了。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 3]

# 跨服务器上传文件 #

> **注意这里就需要两个项目了，另外一个项目启动tomcat服务器作为图片服务器，所以我们需要新建立一个项目。**

**1、首先我们需要搭建个图片服务器（建立一个新的项目`springmvc_day02_fileuploadserver`配置tomcat如下）【不需要些其他代码，只需要配置tomcat即可】。**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 4]

> **注意我们需要提前在这个图片服务器中的target目录下创建个uploads文件夹，用于向图片服务器存放图片时间，存放图片使用。我的路径是`F:\java_workspace\springmvc_day02_fileuploadserver\target\springmvc_day02_fileuploadserver\uploads`。**

> **下面的操作都是对于非图片服务器的那个项目操作的。**

**2、实现SpringMVC跨服务器方式文件上传需要导入开发需要的jar包。**

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

**编写文件上传的JSP页面**

**UserController类：**

**3、同时启动两个项目的tomcat服务器。**

**选择文件上传**  
![在这里插入图片描述][20210131203958631.png]  
**运行结果：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 5]

> **我们打开作为图片服务器的那个项目的target目录找到uploads目录`F:\java_workspace\springmvc_day02_fileuploadserver\target\springmvc_day02_fileuploadserver\uploads`，就可以看到跨服务器上传来的图片了。**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 6]

# 可能遇到的问题 #

**解决办法：**

**[解决访问tomcat下文件夹（如temp）显示有权限【在tomcat目录下创建文件需要管理员权限】的问题][tomcat_temp_tomcat]**

**[returned a response status of 405 Method Not Allowed][]**

> **以上就是SpringMVC实现文件上传【传统方式上传、跨服务器上传】的全部内容。**

**看完如果对你有帮助，感谢点赞支持！  
如果你是电脑端的话，看到右下角的 “一键三连” 了吗，没错点它\[哈哈\]**  
![在这里插入图片描述][20210115230629703.gif_pic_center]

**加油！**

**共同努力！**

**Keafmd**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70]: /images/20221024/bbfc9c4f5521482c897a672ba2c856c1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 1]: /images/20221024/85beaabe258845b799e288929af663ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 2]: /images/20221024/3f08a074967e463b938208b2f229984b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 3]: /images/20221024/a84fc2622f5c4167b4cd9a58d37f2cd6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 4]: /images/20221024/252984adf8544c70933b0738411e887d.png
[20210131203958631.png]: /images/20221024/86841f2b7a954aea9d6b7d7823e83099.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 5]: /images/20221024/b7e6c036604f476aa7675cd1db16234f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzg4MzkxNw_size_16_color_FFFFFF_t_70 6]: /images/20221024/77ac807bcdf44b72bff8a394132f6cd6.png
[tomcat_temp_tomcat]: https://keafmd.blog.csdn.net/article/details/113447968
[returned a response status of 405 Method Not Allowed]: https://keafmd.blog.csdn.net/article/details/113448418
[20210115230629703.gif_pic_center]: /images/20221024/6274947bbca74f3c8351ccaba46c8072.png