java，springboot + thymeleaf 上传图片、删除图片到服务器、本地，压缩图片上传(有些图片会失真)，原图上传

最新推荐文章于 2024-05-08 22:32:31 发布
最新推荐文章于 2024-05-08 22:32:31 发布
阅读量703 收藏 4
点赞数 1
分类专栏： 后端 文章标签： java 后端 服务器 centos linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43194650/article/details/110731666
版权

文章目录

0、共公部分

0.1 项目结构

在这里插入图片描述

0.2 pom文件

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
	<parent>
		<groupId>org.springframework.boot</groupId>
		<artifactId>spring-boot-starter-parent</artifactId>
		<version>2.4.0</version>
		<relativePath/> <!-- lookup parent from repository -->
	</parent>
	<groupId>com.gh</groupId>
	<artifactId>thymeleafPictureDemo</artifactId>
	<version>0.0.1-SNAPSHOT</version>
	<name>thymeleafPictureDemo</name>
	<description>springboot结合thymeleaf上传图片、删除图片，服务器和本地</description>

	<properties>
		<java.version>1.8</java.version>
	</properties>

	<dependencies>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		<dependency>
			<groupId>commons-io</groupId>
			<artifactId>commons-io</artifactId>
			<version>2.5</version>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
		<dependency>
			<groupId>org.projectlombok</groupId>
			<artifactId>lombok</artifactId>
			<optional>true</optional>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>
	</dependencies>
	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>

</project>

0.3 application.yml文件

server:
  port: 9098

spring:
  mvc:
    # 访问静态资源地址
    static-path-pattern: /static/**
  web:
    resources:
      # 设置静态资源包的路径
      static-locations: classpath:/static

0.4 controller文件

0.4.1 imageUploadController

package com.gh.thymeleafPictureDemo.controller;

import com.gh.thymeleafPictureDemo.util.Result;
import com.gh.thymeleafPictureDemo.util.UploadImageUtil;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

/**
 * 图片上传
 * @author gh
 * @date 2020/12/5
 */
@CrossOrigin("*")
@RestController
@RequestMapping("/api")
@Slf4j
public class imageUploadController {

    /**
     * 上传图片测试
     * @return
     */
    @RequestMapping("/upload")
    public Result<String> uploadImage(MultipartFile file){
        Result result = new Result<>();
        result.setCode(1);
        result.setData("数据");
        String imagePath = UploadImageUtil.uploadImage(file);
        if(imagePath.length() > 0){
            result.setMsg(imagePath);
            return result;
        }
        result.setMsg("上传失败");
        return result;
    }

    /**
     * 删除图片
     * @param path
     * @return
     */
    @RequestMapping("/deleteFile")
    public Result<String> uploadImage(String path){
        Result result = new Result<>();
        result.setCode(1);
        result.setData("数据");
        log.info("图片路径" + path);
        if(UploadImageUtil.deleteImage(path)){
            result.setMsg("删除成功");
            return result;
        }
        result.setMsg("删除失败");
        return result;
    }


}

0.4.2 pageController

package com.gh.thymeleafPictureDemo.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * @author gh
 * @date 2020/12/6
 */
@Controller
public class pageController {
    /**
     * thymeleaf跳转到image.html页面
     * @return 界面
     */
    @RequestMapping("/")
    public String mixPage(){
        return "image";
    }
}

0.5 部分uitl文件

0.5.1 FileUtil

package com.gh.thymeleafPictureDemo.util;

import java.io.File;
import java.io.FileOutputStream;

/**
 * @author gh
 * @date 2020/12/5
 */
public class FileUtil {
    public static void uploadFile(byte[] file, String filePath, String fileName) throws Exception {
        File targetFile = new File(filePath);
        if (!targetFile.exists()) {
            targetFile.mkdirs();
        }
        FileOutputStream out = new FileOutputStream(filePath + fileName);
        out.write(file);
        out.flush();
        out.close();
    }
}

0.5.2 ImageUtil

package com.gh.thymeleafPictureDemo.util;

import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.*;
import java.io.File;
import java.io.IOException;

/**
 * 图片上传需要，将图片转换
 * @author gh
 * @date 2020/11/25
 */
public class ImageUtil {

    public static BufferedImage change2jpg(File f) {
        try {
            Image i = Toolkit.getDefaultToolkit().createImage(f.getAbsolutePath());
            PixelGrabber pg = new PixelGrabber(i, 0, 0, -1, -1, true);
            pg.grabPixels();
            int width = pg.getWidth(), height = pg.getHeight();
            final int[] RGB_MASKS = { 0xFF0000, 0xFF00, 0xFF };
            final ColorModel RGB_OPAQUE = new DirectColorModel(32, RGB_MASKS[0], RGB_MASKS[1], RGB_MASKS[2]);
            DataBuffer buffer = new DataBufferInt((int[]) pg.getPixels(), pg.getWidth() * pg.getHeight());
            WritableRaster raster = Raster.createPackedRaster(buffer, width, height, width, RGB_MASKS, null);
            BufferedImage img = new BufferedImage(RGB_OPAQUE, raster, false, null);
            return img;
        } catch (InterruptedException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
            return null;
        }
    }

    public static void resizeImage(File srcFile, int width,int height, File destFile) {
        try {
            if(!destFile.getParentFile().exists()) {
                destFile.getParentFile().mkdirs();
            }
            Image i = ImageIO.read(srcFile);
            i = resizeImage(i, width, height);
            ImageIO.write((RenderedImage) i, "jpg", destFile);
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }

    public static Image resizeImage(Image srcImage, int width, int height) {
        try {

            BufferedImage buffImg = null;
            buffImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
            buffImg.getGraphics().drawImage(srcImage.getScaledInstance(width, height, Image.SCALE_SMOOTH), 0, 0, null);

            return buffImg;
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return null;
    }

}

0.5.3 Result

package com.gh.thymeleafPictureDemo.util;

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

import java.io.Serializable;

/**
 * 通用接口返回类型，这里不仅仅可以用T
 * 随便用什么都可以的
 * @author gh
 * @date 2020/11/19
 */
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Result<T> implements Serializable {
    int code;
    T data;
    String msg;
    private static final long serialVersionUID = 1L;
}

1、原图上传

其实就是UploadImageUtil不同而已

1.1 本地上传

这里因为要放在target目录下，所以本地和服务器不能用同一个函数，，，这里可能还有解决办法，但是我暂时没有找到，如果有老哥可以找到可以讨论一下，嘿嘿

   /**
     * 删除图片函数，本地用
     * @param imagePath 这个是图片名字的完整路径
     * @return 结果
     */
    public static boolean deleteImage(String imagePath){
        try {
            imagePath = URLDecoder.decode((ResourceUtils.getURL("classpath:").getPath()) + imagePath, System.getProperty("file.encoding"));
            File file = new File(imagePath);
            log.info("删除图片");
            log.info(imagePath);
            // 删除图片
            file.delete();
            return true;
        }catch (Exception e){
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 上传图片函数，本地用
     * @param file 图片文件
     * @return
     */
    public static String uploadImage(MultipartFile file){
        // 获取唯一的uuid
        String uuid = UUID.randomUUID().toString().replace("-", "").toLowerCase();
        try {
            String filePath = URLDecoder.decode((ResourceUtils.getURL("classpath:").getPath()+"static/img/"), System.getProperty("file.encoding"));
            FileUtil.uploadFile(file.getBytes(), filePath, uuid + ".jpg");
            log.info("上传图片");
            log.info(filePath + uuid + ".jpg");
            return "/static/img/" + uuid + ".jpg";
        } catch (Exception e) {
            // 上传失败
            return "";
        }
    }

1.2 上传到服务器

这里要注意，因为用了nginx反向代理，所以，访问的时候要配置静态资源访问
在这里插入图片描述
nginx配置伪静态，这样就能访问到image目录下的图片了
在这里插入图片描述

 /**
     * 上传图片函数，服务器用的
     * @param file 图片文件
     * @return
     */
    public static String uploadImage(MultipartFile file){
        // 获取唯一的uuid
//        String filePath = URLDecoder.decode(Objects.requireNonNull(Objects.requireNonNull(ClassUtils.getDefaultClassLoader()).getResource("")).getPath()) + "static/img/";
        String filePath = "image/";
        String uuid = UUID.randomUUID().toString().replace("-", "").toLowerCase();
        log.info("图片路径" + filePath);
        try {
            FileUtil.uploadFile(file.getBytes(), filePath, uuid + ".jpg");
            log.info("上传图片");
            log.info(filePath + uuid + ".jpg");
            return "/" + filePath + uuid + ".jpg";
        } catch (Exception e) {
            // 上传失败
            return "";
        }
    }

    /**
     * 删除图片函数，服务器用的
     * @param imagePath 这个是图片名字的完整路径
     * @return 结果
     */
    public static boolean deleteImage(String imagePath){
        try {
            // 去除第一个字符串，不然服务器哪里删除不了图片
            imagePath = imagePath.substring(1);
            File file = new File(imagePath);
            log.info("删除图片");
            log.info(imagePath);
            // 删除图片
            file.delete();
            return true;
        }catch (Exception e){
            e.printStackTrace();
            return false;
        }
    }

2、压缩上传

这里主要是靠ImageUtil文件，但是这个文件我是在网上找的，发现有些图片会失真，，，但是大部分还是有用的

2.1 本地上传

/**
     * 删除图片函数，本地用
     * @param imagePath 这个是图片名字的完整路径
     * @return 结果
     */
    public static boolean deleteImage(String imagePath){
        try {
              log.info("删除图片");
              log.info(imagePath);
            imagePath = URLDecoder.decode((ResourceUtils.getURL("classpath:").getPath()) + imagePath, System.getProperty("file.encoding"));
            File file = new File(imagePath);
            // 删除图片
            file.delete();
            return true;
        }catch (Exception e){
            e.printStackTrace();
            return false;
        }
    }

    /**
     * 上传图片函数，本地用
     * @param file 图片文件
     * @return 结果
     */
    public static String uploadImage(MultipartFile file){
        // 获取唯一的uuid
        String uuid = UUID.randomUUID().toString().replace("-", "").toLowerCase();
        try {
            // 获取图片存储的完整路径
            String path1 = URLDecoder.decode((ResourceUtils.getURL("classpath:").getPath()+"static/img/"), System.getProperty("file.encoding"));
            String imagePath = path1 + uuid + ".jpg";
            log.info("上传图片");
            log.info(imagePath);
            // 获取要上传图片的目录，同时解码
            File imageFolder = new File(URLDecoder.decode(path1, System.getProperty("file.encoding")));
            if(!imageFolder.exists()){
                // 先检查这个目录是否存在
                imageFolder.mkdirs();
            }
            // new一个图片文件
            File fileImage = new File(imageFolder, uuid + ".jpg");
            if (!fileImage.isFile()) {
                // 如果不存在这个文件
                fileImage.createNewFile();
            }
            FileUtils.copyInputStreamToFile(file.getInputStream(), fileImage);
            BufferedImage img = ImageUtil.change2jpg(fileImage);
            ImageIO.write(img, "jpg", fileImage);
            // 返回图片的相对路径
            return "/static/img/" + uuid + ".jpg";
        }catch (Exception e){
            e.printStackTrace();
            // 上传图片失败就返回一个长度为0的空字符串
            return "";
        }
    }

2.2 上传图片到服务器

和上面一样要配置nginx静态资源

 /**
     * 上传图片函数，服务器用的
     * @param file 图片文件
     * @return
     */
    public static String uploadImage(MultipartFile file){
        // 获取唯一的uuid
        String uuid = UUID.randomUUID().toString().replace("-", "").toLowerCase();
        try {
            // 获取图片存储的完整路径
            String path1 = "image/";
            String imagePath = path1 + uuid + ".jpg";
            log.info("上传图片");
            log.info(imagePath);
            // 获取要上传图片的目录，同时解码
            File imageFolder = new File(URLDecoder.decode(path1, System.getProperty("file.encoding")));
            if(!imageFolder.exists()){
                // 先检查这个目录是否存在
                imageFolder.mkdirs();
            }
            // new一个图片文件
            File fileImage = new File(imageFolder, uuid + ".jpg");
            if (!fileImage.isFile()) {
                // 如果不存在这个文件
                fileImage.createNewFile();
            }
            FileUtils.copyInputStreamToFile(file.getInputStream(), fileImage);
            BufferedImage img = ImageUtil.change2jpg(fileImage);
            ImageIO.write(img, "jpg", fileImage);
            // 返回图片的相对路径
            return "/image/" + uuid + ".jpg";
        }catch (Exception e){
            e.printStackTrace();
            // 上传图片失败就返回一个长度为0的空字符串
            return "";
        }
    }

    /**
     * 删除图片函数，服务器用的
     * @param imagePath 这个是图片名字的完整路径
     * @return 结果
     */
    public static boolean deleteImage(String imagePath){
        try {
            imagePath = imagePath.substring(1);
            log.info("删除图片");
            log.info(imagePath);
            File file = new File(imagePath);
            // 删除图片
            file.delete();
            return true;
        }catch (Exception e){
            e.printStackTrace();
            return false;
        }
    }

如果觉得有用，各位观众老爷点个赞再走哈~谢谢(其实再加个关注也不介意哈哈哈)

小园秋子
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot+thymeleaf+UEditor+不修改上传路径.zip
02-04
SpringBoot+Thymeleaf下整合UEditor，这里没有修改图片上传文件，只用默认的图片上传路径。资源有UEditor.1.4.3.3以及自定义Controller。
项目实战-SpringBoot+MyBatis+LayUI+Thymeleaf 权限系统
06-13
  该项目是一套基于springboot、mybatis、thymeleaf及layui的轻量级快速开发框架、脚手架、后台管理系统、权限系统，上手简单，拿来即用，通用的项目结构为广大开发者去除了大部分的复杂繁琐的代码工作。同时对学习springboot但无实战经验的学员可以快速上手。达到学以致用的效果（只有视频，项目源码，不包含其他）。    该项目零基础不建议报名，layui参考官方文档即可。部分页面效果：   
Thymeleaf中引入图片，显示不出来
最新发布
qq_62786439的博客
05-08 172
Thymeleaf引入图片，会默认将路径放在static下，所以不需要../static,
SpringBoot(51)整合Thymeleaf实现图片上传并显示
qq_43025316的博客
12-01 2898
SpringBoot(51)整合Thymeleaf实现图片上传并显示 直接上代码 1.代码结构 2.导入Thymeleaf依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 3.index页面 <!DOCTY
前后端分离实现上传图片的功能
高等游民の博客
01-09 3326
前后端分离实现上传图片的功能 思路 前端上传图片和分类名称，保存图片文件，将数据追加到formData传给后端，回调清空。 后端对图片和分类名分开进行处理。分类名进行普通的增加。图片需要借助工具类转化成统一格式，再构造出“id+.jpg”的格式上传到文件夹中。 前端 <div class="panel panel-warning addDiv"> ...
thymeleaf在网页中上传文件
qq_57785602的博客
07-20 1604
本文是本人以前笔记，如果说是在掘金上看到的话没错，还是本人只有这一个。如果有哪里不对的话欢迎各位大佬指出问题，本人是一个小白。，本篇是连接。如果是springboot的话请看springboot创建项目_程程呀是小白的博客-CSDN博客，这个是从头开始的还没有学完springboot，一起学习呀！！！！...
springboot+thymeleaf 文件上传下载功能实现
10-08
2. 处理上传请求：在Spring Boot的Controller中，使用`@RequestParam("file") MultipartFile file`来接收文件，然后保存到服务器的指定位置。 ```java @PostMapping("/upload") public String handleFileUpload(@...
一个基于SpringBoot+Thymeleaf渲染的图书管理系统
12-17
本文将深入探讨如何利用Java的SpringBoot框架与Thymeleaf技术来创建一个高效、易用的图书管理系统。 首先，SpringBoot是Spring框架的一个微服务化子项目，它集成了大量的常用组件，包括数据访问、安全、缓存等，...
Java项目:少年宫活动中心后台管理系统(java+SpringBoot+Thymeleaf+Redis+maven+mysql
10-24
本项目是少年儿童活动中心的选课系统，本选课系统是基于SpringBoot2.0 + Mybatis + Thymeleaf + Shiro 开发的后台管理系统，建立以Browser/Server 为结构模式、以数据库为后台核心应用、以服务为目的信息化办公平台...
大学生期末大作业 SpringBoot+Thymeleaf美食文化后台管理
03-26
大学生期末大作业《SpringBoot+Thymeleaf美食文化后台管理》是一个基于SpringBoot和Thymeleaf的美食文化后台系统。该系统采用MySQL作为数据库，实现了分类挂管理、标签管理、美食文章发布等功能。 通过该系统，用户...
基于springboot +mybatis +thymeleaf 的学生信息管理系统
03-04
《基于SpringBoot+MyBatis+Thymeleaf的学生信息管理系统设计与开发》 在当前信息化社会中，信息管理系统已经成为各行各业不可或缺的工具。本项目实践旨在利用先进的技术栈，构建一个高效、易用的学生信息管理系统，...
java springboot+thymeleaf 实现图片上传并展示到页面当中
紫月i的博客
04-07 1091
先在配置文件当中编写文件上传的路径： file.upload.path=D://program/Springbootstudentsystem/src/main/resources/static/ file.upload.path.relative=/static/** 创建一个MyWebAppConfigurer java文件实现WebMvcConfigurer接口, 配置资源映射路径 package com.example.springbootstudentsystem; import org.sp
springboot+thymeleaf 阿里云oos图片上传与显示(超详细)
weixin_46146197的博客
12-08 1522
springboot+thymeleaf再结合阿里云oos实现图片上传
thymeleaf 使用图片url或者上传本地图片
梨夏的博客呀！
03-15 6502
配置文件： # 声明图片的绝对路径和相对路径 file.upload.path=F://images/ file.upload.path.relative=/images/** 配置类： import org.springframework.beans.factory.annotation.Value; import org.springframework.context.annotation....
java实现图片上传_java实现图片的上传和展示
weixin_26712075的博客
02-16 908
一、注意事项:1,该项目主要采用的是springboot+thymeleaf框架2,代码展示的为ajax完成图片上传(如果不用ajax只需要改变相应的form表单配置即可)二、效果实现:1,页面效果:2,文件夹路径下就会多了对应的图片:三、代码实现:1,在html文本中编辑为(采用thymeleaf框架):　　提交2,编辑js代码:两种情况:1,有file中有值的时候提交;2,file文件中没有值...
使用 MySQL、Thymeleaf 和 Spring Boot Framework 上传、存储和查看图像
allway2的博客
12-08 1975
该接口用于从数据库中获取特定图像的 byte[] 形式，并将其转换为 jpeg、png、jpg 或 gif 格式以显示在浏览器中。之后，我们将图像转换为字节数组，并将所有与图像相关的详细信息（例如名称，描述，图像等）存储到MySQL数据库中。在我们的例子中，我们以字节数组的形式存储图像。在控制器类中，我们将创建 API，以存储和获取来自 MySQL 数据库的图像。在这里，我们将创建存储库，该存储库将与我们的数据库通信并执行所有类型的。在此步骤中，我们将定义实体类，该实体类将与数据库中存在的表进行映射。
themyleaf 图片上传_springboot之文件上传、图片预览（thymeleaf+layui）
weixin_30322969的博客
12-30 674
springboot自带图片服务器，但是一般我们都不会用，文件这一块因为灵活性比较高，可能每个公司的都不一样，因此最好还是自己来搞定。一、思路1、上传①.使用spring的正常上传，文件存储路径为磁盘任意位置，可配置②.业务表中存附件id③.前端使用Layui2、预览①.使用nginx代理，只需要根据附件id获取图片路径即可二、上传1.建表CREATE TABLE`sys_accesso...
Thymeleaf指定背景图片以及图片如何调整大小
weixin_45150979的博客
01-30 5520
设置背景为图片: html文件在templates目录下,图片在与templates同级的static目录下 th:style="'background-image: url(/img/back.jpg)'" css文件中可控制图片大小 代码如下 html,body { height: 100%; width: 100%; } body{ background-size: 100%, 100%; } ...
wangeditor 与 springboot 和 thmeleaf 做图片批量上传
南七小僧的学海无涯
12-04 421
wangeditor配置： <!DOCTYPE html> <html lang="en" xmlns:th="https://www.thymeleaf.org"> <head> <title>小飞猫保研-梦想今日实现</title> <!-- Meta tag Keywords --> &lt...
springboot+mybatis-plus+thymeleaf 实现图片上传和回显
06-01
在后端控制器中处理上传的文件，并保存到本地或者服务器： ``` @PostMapping("/upload") @ResponseBody public String upload(@RequestParam("file") MultipartFile file) { if (file.isEmpty()) { return "上传...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值