当前位置: 首页 > news >正文

springboot项目中图片上传之后需要重启工程才能看到图片?

需求背景

最近在做一个用户自定义上传头像的小需求,用户上传头像然后需要立马回显。

需求是很常见的、正当的需求。如果不使用到对象存储这类服务,我们把用户头像的图片文件仅存在本地就可以了。我们在开发的过程中为了工程管理方便通常下意识会将图片上传目录设置为代码工程的一个子目录。问题就出在这里。

现象分析

因为静态资源文件在工程启动的时候就已经加载完成了,用户上传的头像不会再加载到程序内存中。所以这样会导致一个问题,我们在前端操作头像图片文件上传。头像文件也确实上传到了指定目录下面。但是前端访问获取图片资源就是获取不到,报错404。
在这里插入图片描述

解决方案

自己检索了一下问题,除了本身上传代码就有问题之外,基本大家给出的方案包含两个方向:

  • 配置工程热启动(x)
  • 修改图片上传目录为代码工程之外的目录(√)

”配置工程热启动“这个方法十分繁琐,需要在工程中引入热启动依赖:

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-devtools</artifactId><scope>runtime</scope><optional>true</optional></dependency>

并且需要配置IDEA,最糟糕的是没有效果!!!

最后可行的解决方案我只找到这个:修改图片上传目录为代码工程之外的目录。

在这里插入图片描述

传送门

  • 解决SpringBoot + Vue图片上传后不立刻回显的问题:https://springboot.io/t/topic/4806

相关文章:

  • 给大家分享一套非常棒的python机器学习课程
  • Docker快速搭建Oracle服务
  • 57. UE5 RPG 处理AI敌人转向以及拾取物品的问题
  • 面向对象-----继承
  • 如何使用Matlab进行三角剖分(自定义函数实现delaunayTriangulation 使用Bowyer-Watson 算法)
  • 【Vue3进阶】- Vite 配置
  • C++质数的那些事(判断指数、区间筛质数、互质等等)
  • Linux-文件或目录权限
  • Vue 2 和 Vue 3 中同步和异步
  • Web Server项目实战3-Web服务器简介及HTTP协议
  • GPT‑4o普通账户也可以免费用
  • java中的Map集合
  • 单向无头链表实现
  • 基于transformers框架实践Bert系列4-文本相似度
  • 反射获取或修改对象属性的值
  • 《网管员必读——网络组建》(第2版)电子课件下载
  • Spring思维导图,让Spring不再难懂(mvc篇)
  • SQLServer插入数据
  • 从@property说起(二)当我们写下@property (nonatomic, weak) id obj时,我们究竟写了什么...
  • 后端_MYSQL
  • 入门到放弃node系列之Hello Word篇
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • ​【原创】基于SSM的酒店预约管理系统(酒店管理系统毕业设计)
  • (04)odoo视图操作
  • (1)(1.13) SiK无线电高级配置(五)
  • (3)nginx 配置(nginx.conf)
  • (动手学习深度学习)第13章 计算机视觉---微调
  • (二刷)代码随想录第15天|层序遍历 226.翻转二叉树 101.对称二叉树2
  • (附源码)php投票系统 毕业设计 121500
  • (紀錄)[ASP.NET MVC][jQuery]-2 純手工打造屬於自己的 jQuery GridView (含完整程式碼下載)...
  • (力扣题库)跳跃游戏II(c++)
  • (收藏)Git和Repo扫盲——如何取得Android源代码
  • (循环依赖问题)学习spring的第九天
  • (一)Thymeleaf用法——Thymeleaf简介
  • (转)mysql使用Navicat 导出和导入数据库
  • (转)关于如何学好游戏3D引擎编程的一些经验
  • (转)甲方乙方——赵民谈找工作
  • (转)人的集合论——移山之道
  • .NET 6 Mysql Canal (CDC 增量同步,捕获变更数据) 案例版
  • .NET Remoting学习笔记(三)信道
  • .NET文档生成工具ADB使用图文教程
  • .vue文件怎么使用_vue调试工具vue-devtools的安装
  • @Autowired 与@Resource的区别
  • @Autowired标签与 @Resource标签 的区别
  • @EnableConfigurationProperties注解使用
  • @NestedConfigurationProperty 注解用法
  • @reference注解_Dubbo配置参考手册之dubbo:reference
  • [ C++ ] STL---仿函数与priority_queue
  • [ 蓝桥杯Web真题 ]-Markdown 文档解析
  • [AIGC] Java List接口详解
  • [Android]如何调试Native memory crash issue
  • [Angular 基础] - 数据绑定(databinding)
  • [APUE]进程关系(下)
  • [AutoSar NVM] 存储架构
  • [AX]AX2012 R2 出差申请和支出报告