SpringBoot-06-之拿到你的图片!

简介: 笔者知道这招非常高兴,SpringBoot本身集成TomCat等web服务器,Tomcat用的比较熟,但怎么访问上传进来的文件呢?Root文件夹都没有。

笔者知道这招非常高兴,SpringBoot本身集成TomCat等web服务器,
Tomcat用的比较熟,但怎么访问上传进来的文件呢?Root文件夹都没有。
难道部署到服务器上,还要在服务器上开个Tomcat?我相信SpringBoot应该不会这样吧,so......

1.原来配置一下就行了:toly1994.com.toly01.config.WebConfig
/**
 * 作者:张风捷特烈
 * 时间:2018/7/16:20:56
 * 邮箱:1981462002@qq.com
 * 说明:拿到你的图片
 */
@Configuration
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        //在F:/SpringBootFiles/Image/下如果有一张 Excalibar.jpg的图片,那么:
        //【1】访问:http://localhost:8080/imgs/Excalibar.jpg 可以访问到
        //【2】html 中 <img src="imgs/Excalibar.jpg">
        registry.addResourceHandler("/imgs/**").addResourceLocations("file:F:/SpringBootFiles/Image/");
    }
}
2.css+html 宝刀出鞘,走起
css
h1{
    color: #00f;
}
.container{
    width: 1200px;
    height: 800px;
}

.container img{
    width: 600px;
}
html
<body>
<h1>thymeleaf in spring boot</h1>
<div class="container">
    <img src="imgs/Excalibar.jpg">
</div>
</body>

详情可见04--SpringBoot之模板引擎--thymeleaf
访问:http://localhost:8080/useData

图片显示.png

至此,一个上传图片,然后显示图片,跨越前后端的微小实例就完成了。基于此,
有一定html+css+javascript的人相信可以做一个简单的网页相册。
下一阶段,将讲述一下:SpringBoot如何操作数据库,来执行更多功能。

相关文章
|
6月前
|
存储 Java API
如何在Spring Boot应用程序中使用华为云的OBS云存储来上传和删除图片?
如何在Spring Boot应用程序中使用华为云的OBS云存储来上传和删除图片?
145 1
|
9月前
|
Java Maven
springboot项目--freemarker使用ftl模板文件动态生成图片
springboot项目--freemarker使用ftl模板文件动态生成图片
256 0
|
存储 Java 应用服务中间件
SpringBoot 存储图片 tomcat服务器存图片 数据库图片路径
SpringBoot 存储图片 tomcat服务器存图片 数据库图片路径
486 0
SpringBoot 存储图片 tomcat服务器存图片 数据库图片路径
|
1月前
|
Java
SpringBoot配置图片访问404SpringBoot配置图片访问路径springboot如何访问图片
SpringBoot配置图片访问404SpringBoot配置图片访问路径springboot如何访问图片
9 0
|
5月前
|
缓存 NoSQL Java
springboot集成图片验证+redis缓存一步到位2
springboot集成图片验证+redis缓存一步到位2
|
5月前
|
缓存 NoSQL Java
springboot集成图片验证+redis缓存一步到位
springboot集成图片验证+redis缓存一步到位
|
5月前
|
Java 数据安全/隐私保护
SpringBoot【集成Thumbnailator】Google开源图片工具缩放+区域裁剪+水印+旋转+保持比例等(保姆级教程含源代码)
SpringBoot【集成Thumbnailator】Google开源图片工具缩放+区域裁剪+水印+旋转+保持比例等(保姆级教程含源代码)
80 0
|
5月前
|
Java Maven 数据安全/隐私保护
SpringBoot接口中如何直接返回图片数据
SpringBoot接口中如何直接返回图片数据
|
8月前
|
存储 编解码 前端开发
SpringBoot整合FastDFS实现图片的上传
  文件的上传和预览在web开发领域是随处可见,存储的方式有很多,本文采用阿里巴巴余庆大神开发的FastDFS进行文件的存储,FastDFS是一个分布式文件存储系统,可以看我上一篇博文,有安装和配置教程。
80 0
|
10月前
|
Java
springboot添加图片后访问404
今天springboot项目随意添加一张图片(只发现添加图片时访问不了,创建新的html也能马上访问,就是图片有毒!!!),
98 0