关于springboot上传图片与视频不显示问题

关于springboot上传图片与视频不显示问题

起因

最近做毕设时候需要上传视频的图片与视频,并且每次都上传了也看到了自己后端有显示以及下载到了指定位置,但是每次都需要重启前端才能展示出此图片

寻找原因

因为是前后端显示都是关于SpringMVC,首先进入WebMvcAutoConfiguration查看关于Springboot中的默认配置的显示静态资源的路径。

1.进入WebProperties.Resoures中查看默认的配置

2.查看默认的配置显示的信息都是放在下面的几个位置(也就是只需要将文件放在如下几个地方就可以进行展示)

字符串对应的路径举例

classpath:/static/ 为下图 resources中的static下的所有图片信息 (这里我在里面创建了一个uploads文件夹,在uploads文件夹中创建了img文件夹,img里面我才放我的图片)

分析

很明显,现在是资源绝对是加载到了我想要放入的位置,但是就是不能实时的访问到,那就是很有可能上传了文件,但是因为上传的路径于MVC中的不匹配,没有进入服务器认为的安全路径(可能被拦截了),所以就没有将刚才上传的图片放入你的tomcat中,但是每次重启之后他又因为SpringBoot中的设置的默认路径都会加载进你的程序中,就出现了重启过后才能显示的情况。

解决方案

现在SpringMVC不认识你的请求路径那么就让他知道你的路径,并且映射到你存储位置(上传路径与下载的位置相对应)

例如:

我们前端的请求路径是/uploads/img/** (现在SpringMVC不认识),下载路径为 System.getProperty("user.dir") + /src/main/resources/static/uploads/img/

解决方式:

配置SpringMVC的放行路径(使SpringMVC认识上传路径)

typescript 复制代码
 @Configuration
 public class MyPicConfig implements WebMvcConfigurer {
 ​
     @Override
     public void addResourceHandlers(ResourceHandlerRegistry registry) {
         //前面为请求路径,后面为文件存储位置
         registry.addResourceHandler("/uploads/img/**").addResourceLocations("file:"+ System.getProperty("user.dir") + "/src/main/resources/static/uploads/img/");
     }
 }

总结

要想图片能够实时展示有俩个主要因素

1.前端请求路径让tomcat能够认识,让其认为是安全路径

2.后端的下载位置需要与你的SpringBoot认识就比如上面源码中的默认位置

俩这缺一不可,这是我个人的理解,如果我的理解有误,请指正,本人会立马整改。

相关推荐
梦之马1 小时前
spring boot 2升级3 记录
java·spring boot·后端
凌晨一点的程序员1 小时前
antd中的表格穿梭框(Transfer)如何使用
前端·javascript·html·react·antd·transfer
^小桃冰茶2 小时前
HTML 从标签到动态效果的基础
前端·html
火柴盒zhang2 小时前
基于HTML CANVAS和EXCEL的xlsx文件展示工具websheet
前端·javascript·html·spreadsheet·websheet
一城烟雨_6 小时前
vue3 实现将html内容导出为图片、pdf和word
前端·javascript·vue.js·pdf
raoxiaoya6 小时前
同时安装多个版本的golang
开发语言·后端·golang
树懒的梦想7 小时前
调整vscode的插件安装位置
前端·cursor
低代码布道师8 小时前
第二部分:网页的妆容 —— CSS(下)
前端·css
考虑考虑8 小时前
go使用gorilla/websocket实现websocket
后端·程序员·go
一纸忘忧8 小时前
成立一周年!开源的本土化中文文档知识库
前端·javascript·github