SpringBoot-06-之拿到你的图片！
SpringBoot-06-之拿到你的图片！
张风捷特烈
发布于 2018-09-26 17:47:45
发布于 2018-09-26 17:47:45
笔者知道这招非常高兴，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如何操作数据库，来执行更多功能。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2018.07.16 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录