利用SpringBoot+Mybatis-Plus+Bootstrap+Vue 上传照片以及上传以后无法在HTML显示的问题

最新推荐文章于 2023-07-19 08:57:23 发布

tanfei_

最新推荐文章于 2023-07-19 08:57:23 发布

阅读量1k

点赞数

分类专栏： spring boot上传照片 jeefast上传照片不显示的问题

本文链接：https://blog.csdn.net/tanfei_/article/details/103418468

版权

本文主要介绍了在使用SpringBoot+Mybatis-Plus+Bootstrap+Vue搭建的系统中，遇到上传照片后无法在HTML页面显示的问题。解决方法包括配置虚拟目录、修改拦截器设置，以及在Vue前端和HTML中正确引用图片路径。通过这些步骤，可以成功显示上传的图片。

摘要由CSDN通过智能技术生成

利用SpringBoot+Mybatis-Plus+Bootstrap+Vue 上传照片以后无法在HTML显示的问题

首先需要配置虚拟目录

在这里插入图片描述

打开如图所示的文件在文件中配置虚拟目录

package cn.jeefast.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.core.Ordered;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;

/**
* @description MVC视图配置
*
* @author theodo
* @email 36780272@qq.com
* @date 2017年11月6日 下午5:14:52
*/
@Configuration
public class WebMvcConfig extends WebMvcConfigurerAdapter{
   
	@Override
	 public void addResourceHandlers(ResourceHandlerRegistry registry) {
   
	     registry.addResourceHandler("/imctemp-rainy/**").addResourceLocations("file:E:\\Spring Boot\\jeefast\\jeefast-system\\src\\main\\resources\\static\\img\\upload\\");
	}
}