springmvc-文件上传

最新推荐文章于 2023-09-06 17:21:40 发布
最新推荐文章于 2023-09-06 17:21:40 发布
阅读量287 收藏
点赞数
分类专栏： Java 文章标签： mybatis spring java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45084064/article/details/125777098
版权

文章目录

一.准备工作

简易文件上传 , 目前只实现一个上传并回显功能

版本

  • IDEA2020.3
  • jdk1.8
  • tomcat8.5.70
  • nginx1.23.0
  • maven3.6.3

资料:https://download.csdn.net/download/qq_45084064/86147355

二.功能请求

绝对路径: http:localhost:8080/mvc/upload/ajax

图片磁盘路径: D:/images/

图片代理路径: http:image.com/

功能路径请求方式请求参数响应结果
上传图片upload/ajaxPOST图片信息SysResult

三.配置文件

3.1.pom文件

    <dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-api</artifactId>
            <version>${junit.version}</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>org.junit.jupiter</groupId>
            <artifactId>junit-jupiter-engine</artifactId>
            <version>${junit.version}</version>
            <scope>test</scope>
        </dependency>


        <!--mybatis相关-->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.47</version>
        </dependency>
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
            <version>1.1.15</version>
        </dependency>
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis</artifactId>
            <version>3.5.1</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>1.18.10</version>
        </dependency>
        <!--spring相关依赖-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-context</artifactId>
            <version>5.1.5.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-jdbc</artifactId>
            <version>5.1.5.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjweaver</artifactId>
            <version>1.9.5</version>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-test</artifactId>
            <version>5.1.5.RELEASE</version>
        </dependency>

        <!-- Spring 进行 JSON 数据转换依赖 -->
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-core</artifactId>
            <version>2.11.0</version>
        </dependency>
        <dependency>
            <groupId>com.fasterxml.jackson.core</groupId>
            <artifactId>jackson-databind</artifactId>
            <version>2.11.0</version>
        </dependency>

        <!--spring整合mybatis-->
        <dependency>
            <groupId>org.mybatis</groupId>
            <artifactId>mybatis-spring</artifactId>
            <version>2.0.3</version>
        </dependency>

        <!--springMVC相关依赖-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.1.5.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>jstl</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>

        <!--打印日志-->
        <dependency>
            <groupId>ch.qos.logback</groupId>
            <artifactId>logback-classic</artifactId>
            <version>1.2.3</version>
        </dependency>

        <!--文件上传-->
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.3.1</version>
        </dependency>

    </dependencies>

3.2. applicationContext.xml

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

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

</beans>

3.3.spring-mvc.xml

<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.it.controller"/>


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


    <!--视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/"/>
        <property name="suffix" value=".html"/>
    </bean>

    <!--文件上传解析器-->
    <bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="defaultEncoding" value="utf-8"/>
        <property name="maxUploadSize" value="10485760"/>
    </bean>


    <!--开启静态资源访问-->
    <mvc:default-servlet-handler/>

</beans>

3.4.web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"
	version="2.5">

	<!--前端控制器-->
	<servlet>
		<servlet-name>springmvc</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>classpath:spring-mvc.xml</param-value>
			<!-- <param-value>classpath:spring-mvc.xml,classpath:applicationContext.xml</param-value>-->
		</init-param>
		<load-on-startup>2</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>springmvc</servlet-name>
		<url-pattern>/</url-pattern>
	</servlet-mapping>



	<!--post请求中文过滤器-->
	<filter>
		<filter-name>encodingFilter</filter-name>
		<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>utf-8</param-value>
		</init-param>
	</filter>

	<filter-mapping>
		<filter-name>encodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>

	<!--加载spring环境-->
	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:applicationContext.xml</param-value>
	</context-param>
	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>
</web-app>

四.后端

只是进行简单的数据封装,没有持久化

VO层

package com.it.vo;


import java.io.Serializable;

/**
 * 图片信息封装
 */
public class ImgVO  implements Serializable {

    private Integer id;
    private String filename;
    private String UUIDName;
    private String url;
    private String virtualUrl;

    @Override
    public String toString() {
        return "ImgVO{" +
                "id=" + id +
                ", filename='" + filename + '\'' +
                ", UUIDName='" + UUIDName + '\'' +
                ", url='" + url + '\'' +
                ", virtualUrl='" + virtualUrl + '\'' +
                '}';
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getFilename() {
        return filename;
    }

    public void setFilename(String filename) {
        this.filename = filename;
    }

    public String getUUIDName() {
        return UUIDName;
    }

    public void setUUIDName(String UUIDName) {
        this.UUIDName = UUIDName;
    }

    public String getUrl() {
        return url;
    }

    public void setUrl(String url) {
        this.url = url;
    }

    public String getVirtualUrl() {
        return virtualUrl;
    }

    public void setVirtualUrl(String virtualUrl) {
        this.virtualUrl = virtualUrl;
    }
}

package com.it.vo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

/**
 * 统一返回信息封装
 */
@Data
@NoArgsConstructor
@AllArgsConstructor
public class SysResult {

    private Integer code; //响应码,200成功,400失败
    private String msg; //信息
    private Object data; //数据


    public static SysResult success(){
        return new SysResult(200,"调用方法成功",null);
    }


    public static SysResult success(Object data){
        return new SysResult(200,"调用方法成功",data);
    }

    public static SysResult success(String msg,Object data){
        return new SysResult(200,msg,data);
    }

    public static SysResult fail(){
        return new SysResult(400,"调用方法失败",null);
    }

    public static SysResult fail(Object data){
        return new SysResult(400,"调用方法失败",data);
    }

}

controller层

package com.it.controller;

import com.it.service.FileService;
import com.it.vo.ImgVO;
import com.it.vo.SysResult;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpSession;

@RestController
@RequestMapping("/upload")
public class FileController {

    @Autowired
    private FileService fileService;

    @PostMapping("/ajax")
    public SysResult ajaxUpload(MultipartFile file,
                            HttpSession session) {
        ImgVO imgVO;
        try {
            imgVO = fileService.imgUpload(file, session);
        }catch (Exception e){
            return SysResult.fail(e.getMessage());
        }
        return SysResult.success(imgVO);
    }


}

service层

package com.it.service;

import com.it.vo.ImgVO;
import org.springframework.web.multipart.MultipartFile;

import javax.servlet.http.HttpSession;

public interface FileService {

    /**
     * 对上传的文件进行处理
     * @param file 上传的文件
     * @param session 会话
     * @return 处理的信息
     */
    ImgVO imgUpload(MultipartFile file, HttpSession session);

}

package com.it.service;

import com.it.vo.ImgVO;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;

import javax.imageio.ImageIO;
import javax.servlet.ServletContext;
import javax.servlet.http.HttpSession;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.UUID;

@Service
public class FileServiceImpl implements FileService {

    private final String DIR = "D://images";
    private final String HTTP = "http://image.com";

    /**
     * 对上传的文件进行处理
     * 1.文件类型的校验
     * 2.检验是否为恶意程序
     * 3.文件存储
     *
     * @param file    上传的文件
     * @param session 会话
     * @return 处理的信息
     */
    @Override
    public ImgVO imgUpload(MultipartFile file, HttpSession session) {

        if (file.isEmpty()) throw new RuntimeException("上传出现问题");

        // 获取文件名
        String filename = file.getOriginalFilename();

        //后缀判断
        if (!filename.toLowerCase().matches("^.+\\.(jpg|jpeg|png)$"))
            throw new RuntimeException("上传类型必须符合后缀为png,jpg,jpeg");

        // 防止恶意程序
        try {
            BufferedImage image = ImageIO.read(file.getInputStream());
            int width = image.getWidth();
            int height = image.getHeight();
            if (width == 0 || height == 0)
                throw new RuntimeException("错误文件");
        } catch (IOException e) {
            e.printStackTrace();
        }

        //创建存储目录
//        //1.获取tomcat服务器的存放路径
//        ServletContext context = session.getServletContext();
//        String path = context.getRealPath("upload");
//        File dir = new File(path);
//        if (!dir.exists()) dir.mkdirs();
        //2.创建存放路径
        String datePath = new SimpleDateFormat("/yyyy/MM/dd").format(new Date());
        File localPath = new File(DIR + datePath);
        if (!localPath.exists()) localPath.mkdirs();

        //3.文件重命名
        //3.1.获取后缀
        String suffix = filename.substring(filename.lastIndexOf("."));
        String imgName = UUID.randomUUID().toString()+suffix;

        //文件上传
        String filePath = localPath +"\\"+ imgName;
        try {
            file.transferTo(new File(filePath));
        } catch (IOException e) {
            e.printStackTrace();
        }


        ImgVO vo = new ImgVO();
        vo.setFilename(filename);
        vo.setUUIDName(imgName);
        vo.setUrl(DIR + datePath);
        // url响应地址
        String virtualUrl = HTTP+datePath+"\\"+imgName;
        vo.setVirtualUrl(virtualUrl);
        return vo;
    }
}

五.前端

引入jQuery.js,利用ajax请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ajax提交</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.js"></script>
</head>
<body>
<h1>测试文件上传</h1>


<div class="images">
    <span>上传文件</span>
    <input type="file" name="file" id="formFile">
    <br>
    <input type="submit" id="upload">
</div>

<script type="application/javascript">



    $("#upload").on("click",function (){

        let form = new FormData()
        form.append("file",$("#formFile")[0].files[0])

        $.ajax({
            url: "upload/ajax",
            type: "post",
            data: form,
            processData:false,
            contentType:false,
            success(res){
                if (res.code ===  200){
                    console.log(res.data)
                    let str = `<div><img src="${res.data.virtualUrl}" width="400px"><div>`
                    $(str).appendTo($("body"))
                }
                if (res.code === 400){
                    alert(res.data)
                }
            }
        })

    })
</script>
</body>
</html>

六.nginx代理

利用nginx反向代理本地磁盘存放的图片目录. 因为本次在win机操作,下载windows版本即可.

6.1.nginx下载以及操作

nginx下载路径: http://nginx.org/en/download.html

# 找到解压的nginx路径

# 启动
start nginx
# 停止
nginx -s stop
# 重启
nginx -s reload
# 测试 - 更改配置文件时使用
nginx -t

6.2.更改nginx.conf文件

nginx解压路径下conf目录

server {
		listen 80;  # 监听80端口
		server_name image.com; # 域名
		location / { # 拦截策略 - 拦截全部请求
			root D:/images/; # root（磁盘目录） 
		}
}

6.3.修改hosts文件

路径: C:\Windows\System32\drivers\etc\hosts

# IP    域名
127.0.0.1  image.com

七.测试

  • 启动nginx

在这里插入图片描述

  • 启动项目

  • 上传文件测试

在这里插入图片描述

  • 查看本地磁盘是否存在文件
    在这里插入图片描述

  • 通过域名进行请求 - http://image.com/代理的图片路径
    在这里插入图片描述

八.参考链接

流域吖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringMVC补充
hzk_niubi1313的博客
06-10 286
（1）因为文件上传的依赖。 (2) 创建一个页面 （3）在springmvc中配置文件上传解析器 (4)创建upload01接口方法 2.elementui+vue+axios完成文件上传 （1）页面布局 （2）后台的接口 3. 普通的文件上传到OSS文件服务器 （1）引入阿里云依赖 （2）代码的书写。 4. elementui 异步上传OSS服务器 （1）前端 （2）后端工具: (3) controller接口 5. 保存用户信息–头像 （1）前端的布局 (2)后台代码 6. 补充的内容 @Re
springmvc-demo09-文件上传下载.zip
09-19
在这个名为"springmvc-demo09-文件上传下载.zip"的压缩包中，我们很显然将要探讨的是Spring MVC如何处理文件的上传与下载功能。这两个功能在许多实际应用中都是不可或缺的，比如用户可以上传个人资料图片，或者从...
SpringMVC上传文件路径问题
dongbeidaxue1006的博客
08-13 562
控制器代码如下： 发现上传的图片总是上传至项目的target目录中去，并且在jsp页面无法访问图片资源 @Controller public class FileUploadController { @Autowired ServletContext context; @RequestMapping(value="/fileUploadPage...
Springmvc文件上传路径+UUID+文件名代码
qq1067012060的博客
04-23 168
String uid = UUID.randomUUID().toString(); String realPath = req.getServletContext().getRealPath("/upload"); file.transferTo(new File(realPath, uid + "_" + file.getOriginalFilename()));
springmvc上传临时文件目录配置
热门推荐
z69183787的专栏
08-20 1万+
bean id="multipartResolver" class="org.springframework.web.multipart.commons.CommonsMultipartResolver"> property name="uploadTempDir" value = "/upload">property> --> bean>
spring mvc怎么获取上传文件的原路径
绿林的专栏
11-18 4022
   上传时取到文件全路径其实是没有意义的，因为服务器无法操作客户端的文件。通常上传操作是直接通过流来读写。不知道你的具体需求是什么，但如果要获取客户端文件绝对路径，可以尝试一下将浏览器设置为安全级别最低   服务器只能获取文件的绝对路径但是根本无法操作这个文件，因为服务器是无法找到该客户端
SpringMVC-11 文件上传
03-30
在本教程"SpringMVC-11 文件上传"中，我们将深入探讨如何使用Spring MVC来实现这一功能，特别是借助Apache Commons库中的`CommonsMultipartResolver`组件。 **一、MultipartResolver的角色** 在Spring MVC中，`...
springmvc-high-other-05.rar
01-24
7. **上传下载支持**：SpringMVC内置了处理文件上传和下载的功能。通过MultipartFile接口，我们可以方便地处理用户提交的文件，同时，也可以通过StreamingResponseBody实现大文件的下载。 8. **RESTful风格的支持**...
springMvc-Study1
07-05
他们可能还在学习如何处理表单提交、文件上传下载、RESTful API 设计、国际化与本地化、AOP（面向切面编程）等高级特性。通过实践和笔记，开发者能深入理解 Spring MVC 框架的运作机制，提升 Web 开发能力。
WebUploader+SpringMVC实现文件上传功能
08-30
WebUploader是由Baidu团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。这篇文章主要介绍了WebUploader+SpringMVC实现文件上传功能,需要的朋友可以参考下
（六）SpringMVC文件上传和下载（显示一个路径下的所有可下载文件）
ZJE
04-01 1606
1.demo效果2.需要特别配置的地方3.需要的jar包4.目录树5.程序基本架构6.具体代码一，demo效果文件上传：文件下载：点击即可下载。二，需要特别配置的地方1.负责上传文件的表单和一般表单有区别，负责上传文件的表单的编码类型必需是“multipart/form-data”2.POJO类要设置代表文件的文件变量，类型为：MultipartFile3.修改Springmvc的核心配置文件Sp...
Springmvc 文件上传
weixin_73468155的博客
08-31 261
Springmvc 文件上传
tomcat、springmvc、IDEA实现上传文件与项目路径分离
周永行的博客
07-25 3199
一，前言 二、配置Tomcat 三、代码实现 四、IDEA配置 一，前言 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;我们在开发web项目时，大多数情况下要处理文件上传的业务，如果将文件直接存在在项目路径下的话，会造成很多问题，比如说，导致项目文件过大、部署更新的版本需要重新拷贝文件、文件不能再项目之间共享等，那么我们怎么将文件放在项目之外的位置呢？我们往下看。...
在Linux服务器上部署Spring项目
wwzzzzzzzzzzzzz的博客
08-18 1422
例如Linux服务器上的数据库和自己电脑装的数据库密码不一致.这里就需要对数据库密码修改.由于Linux服务器和自身写代码是两个环境, 上传项目之后, 数据库也需要重新上传.在项目有其他问题, 需要重新上传的时候, 需要先杀死正在运行的那个项目.这种方法, 不是持久存在的. 在退出服务器的时候就可能结束项目.这种方式, 在退出服务器之后, 也能继续进行访问.将自己设计的数据库, 在服务器上也建立一个。这里看到运行的进程号之后在使用命令。命令, 后台运行项目的指令。查询正在运行的项目的进程。...
SpringMVC相对路径和绝对路径
qq_63524487的博客
09-06 784
点击index.jsp页面请求前，地址栏网址为。
SpringMVC上传文件
路在何方
05-13 207
上传文件和上传图片是一样的，此处我们演示如何上传图片，因此要考虑图片上传到哪个位置合适。以下有三种可以上传的位置： 1.一些文件存储量很小的工程，上传文件放置在工程本身的目录下，但是 随着文件越来越大，工程启动和运行也会变慢，所以一般不采用。 2.是将图片上传到一个Web应用工程所在容器（Tomcat）位于的服务器中，单独开辟一个盘符或文件夹用于存储上传的图片，这种做法让上传的文件与工程本身分...
Java开发学习----SpringMVC设置请求映射路径
guanshengg的博客
08-12 300
SpringMVC设置请求映射路径
Java：SpringMVC文件上传
chenyouchang的博客
01-07 425
SpringMVC的文件上传
springmvc上传文件路径处理
linlinxie的博客
09-29 7622
这里讨论数据库里保存的路径的相关处理，上传过程省略，可参考http://blog.csdn.net/cheung1021/article/details/7084673/ 目标希望保存在项目的webapp的resources/images/upload目录下 @RequestMapping(value = "upload", method = RequestMethod.POST)
Spring下的子框架SpringMVC实现多文件上传完整代码
最新发布
03-25
在Spring框架下的SpringMVC实现多文件上传时，有两种常见的策略：字节流方式和SpringMVC内置解析器。这些内容将深入探讨这两种方法的实现步骤、所需依赖以及它们在效率上的差异。 首先，实现多文件上传需要准备以下...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值