关于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认识就比如上面源码中的默认位置

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

相关推荐
大翻哥哥18 小时前
Python上下文管理器进阶指南:不仅仅是with语句
前端·javascript·python
在线教学养猪18 小时前
Spring Task
java·后端·spring
bobz96518 小时前
bpftune
后端
IT_陈寒18 小时前
React 性能优化必杀技:这5个Hook组合让你的应用提速50%!
前端·人工智能·后端
FenceRain18 小时前
spring boot 拦截器增加语言信息
java·spring boot·后端
再吃一根胡萝卜19 小时前
Git 强制推送指南:新手必读的「危险操作」解析
前端
诚实可靠王大锤19 小时前
react-native项目通过华为OBS预签名url实现前端直传
前端·react native·华为
Monly2119 小时前
Vue:下拉框多选影响行高
前端·javascript·vue.js
是罐装可乐19 小时前
前端架构知识体系:Source Map 的用法和全面解析
前端·映射·前端架构·代码安全·源码地图·source-map
weixin_4365250719 小时前
Spring Boot 集成 EasyExcel 的最佳实践:优雅实现 Excel 导入导出
java·spring boot·后端