基于Springboot2.3 访问本地路径下静态资源的方法(解决报错:Not allowed to load local resource)

最近在做的一个项目中有一个比较奇葩的需求:
要在springboot中,上传本地的图片进行展示
我的第一反应是,直接在数据库字段加一个存储本地路径的字段,然后用thymeleafth:src渲染到前端就好了嘛!

理想很丰满,但现实却很骨感~
前端报了这样的错误Not allowed to load local resource
在这里插入图片描述
于是我想到了可以使用IO将图片先上传到static/images目录下,这样就不会出现禁止访问本地路径的问题了
但是这样实现,问题又来了:上传后的图片必须重启springboot,才能进行展示,否则无法加载
这个应该是因为springboot在初始化时加载静态资源,运行时导入的资源只能在再次初始化时加载

于是,我苦思冥想,查阅了多方资料,终于使用本地虚拟路径的方式,解决了这个问题

正片开始:

  1. 首先配置一个配置类
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyConfigurer implements WebMvcConfigurer {
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/image/**").addResourceLocations("file:E:/vote_images/");
    }
}

addResourceHandler是指你设置的虚拟路径,前端展示页面时填入这个路径来进行访问
addResourceLocations是指实际的本地路径,你需要代理给虚拟路径来访问的路径
2. IO实现文件上传

//如果文件夹不存在,创建文件夹
File file=new File("E:\\vote_images");
if(!file.exists()){
    file.mkdir();
}
//文件的上传
try (InputStream input = new FileInputStream(new File(judge));
     OutputStream output = new FileOutputStream("E:\\vote_images\\" + num + ".jpg")
     ) {
    byte[] buf = new byte[1024];
    int bytesRead;
    while ((bytesRead = input.read(buf)) != -1) {
        output.write(buf, 0, bytesRead);
    }
} catch (IOException e) {
    e.printStackTrace();
}
//设置路径字段
o.setPath("\\image\\" + (num++) + ".jpg");
//增加数据
optionsService.insert(o);

3.前端渲染页面

<img height="150px" width="225px" th:src="@{${opt.getPath()}}">

这样就成功实现需求啦

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值