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

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

相关推荐
m0_748247551 小时前
Web 应用项目开发全流程解析与实战经验分享
开发语言·前端·php
刘大辉在路上1 小时前
突发!!!GitLab停止为中国大陆、港澳地区提供服务,60天内需迁移账号否则将被删除
git·后端·gitlab·版本管理·源代码管理
m0_748255022 小时前
前端常用算法集合
前端·算法
真的很上进2 小时前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
web130933203982 小时前
vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法
前端·vue.js·elementui
NiNg_1_2343 小时前
Echarts连接数据库,实时绘制图表详解
前端·数据库·echarts
如若1233 小时前
对文件内的文件名生成目录,方便查阅
java·前端·python
追逐时光者3 小时前
免费、简单、直观的数据库设计工具和 SQL 生成器
后端·mysql
初晴~4 小时前
【Redis分布式锁】高并发场景下秒杀业务的实现思路(集群模式)
java·数据库·redis·分布式·后端·spring·