SpringBoot项目中可以上传图片,但图片加载失败

简介: 最近有个Springboot项目的图片不显示

项目场景:

最近有个Springboot项目的图片不显示


问题描述

在项目中,可以上传图片,但加载失败


a285eb60c7ed437c9ae632960fae5124.png


系统运行正常:


2.png


在添加图片的位置中,可以选择本机中的图片上传,但仍旧不显示


3.png


结果显示上传成功,但图片加载失败


4.png


原因分析:


提示:这里填写问题的分析:


既然系统运行正常,IDEA的环境配置没问题,并且可以上传,只是图片加载失败,但并不代表上传失败

那应该就是上传路径出了问题


解决方案:


提示:这里填写该问题的具体解决方案:


application.yml里面找到了图片上传的路径 file-path: F:/images/image/


5.png


上面显示图片上传应该在我的F盘下的images文件夹里的image文件夹内选择图片上传

但我F盘内,并没有这个文件夹

所以有两个解决方案:

第一种:在F盘内新建该路径下的文件夹

第二种:或者换一个文件夹(路径)


6.png


此时重新运行系统


系统显示:图片被加载成功


7.png


(在新改的路径下)再次添加图片,图片也可以正常显示:


8.png


选择添加按钮后:


9.png


在第二行,id为69那里的图片不显示,因为前面在上传图片的时候并不是正确用的file-path:后面的路径


也就是说在此项目中上传图片要选择file-path:后面的路径内的图片上传


至此,问题解决!





相关文章
|
26天前
|
XML Java 应用服务中间件
SpringBoot项目打war包流程
本文介绍了将Spring Boot项目改造为WAR包并部署到外部Tomcat服务器的步骤。主要内容包括:1) 修改pom.xml中的打包方式为WAR;2) 排除Spring Boot内置的Tomcat依赖;3) 添加Servlet API依赖;4) 改造启动类以支持WAR部署;5) 打包和部署。通过这些步骤,可以轻松地将Spring Boot应用转换为适合外部Tomcat服务器的WAR包。
124 64
SpringBoot项目打war包流程
|
30天前
基于springboot+thymeleaf+Redis仿知乎网站问答项目源码
基于springboot+thymeleaf+Redis仿知乎网站问答项目源码
130 36
|
9天前
|
JSON 前端开发 JavaScript
SpringBoot 2.0 多图片上传加回显
本文记录了在SpringBoot 2.0中实现商户注册后台功能时,处理多图片上传及回显的过程。通过使用`MultipartFile[]`接收前端传来的图片文件,并确保前后端参数名一致。展示了Controller、前端HTML和JS代码,以及配置文件中对上传图片大小的设置。还介绍了全局异常处理机制,使用`@ControllerAdvice`注解捕获异常。最后总结了一些常见问题及解决方法。
SpringBoot 2.0 多图片上传加回显
|
21天前
|
自然语言处理 IDE Java
SpringBoot start.aliyun.com创建项目,解决properties乱码的问题
通过确保文件和开发环境的编码一致,配置 Maven 编码,设置 Spring Boot 应用和嵌入式服务器的编码,可以有效解决 properties 文件的乱码问题。以上步骤可以帮助开发者确保在 Spring Boot 项目中正确处理和显示多语言字符,避免因编码问题导致的乱码现象。
35 5
|
3月前
|
监控 IDE Java
如何在无需重新启动服务器的情况下在 Spring Boot 上重新加载我的更改?
如何在无需重新启动服务器的情况下在 Spring Boot 上重新加载我的更改?
195 8
|
3月前
|
Java 应用服务中间件
SpringBoot获取项目文件的绝对路径和相对路径
SpringBoot获取项目文件的绝对路径和相对路径
169 1
SpringBoot获取项目文件的绝对路径和相对路径
|
3月前
|
分布式计算 关系型数据库 MySQL
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型
SpringBoot项目中mysql字段映射使用JSONObject和JSONArray类型 图像处理 光通信 分布式计算 算法语言 信息技术 计算机应用
80 8
|
3月前
|
存储 运维 安全
Spring运维之boot项目多环境(yaml 多文件 proerties)及分组管理与开发控制
通过以上措施,可以保证Spring Boot项目的配置管理在专业水准上,并且易于维护和管理,符合搜索引擎收录标准。
79 2
|
4月前
|
JavaScript 前端开发 Java
解决跨域问题大集合:vue-cli项目 和 java/springboot(6种方式) 两端解决(完美解决)
这篇文章详细介绍了如何在前端Vue项目和后端Spring Boot项目中通过多种方式解决跨域问题。
454 1
解决跨域问题大集合:vue-cli项目 和 java/springboot(6种方式) 两端解决(完美解决)
|
3月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
76 2

热门文章

最新文章