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

mac2022-06-30  112

笔者知道这招非常高兴,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如何操作数据库,来执行更多功能。

转载于:https://www.cnblogs.com/toly-top/p/9781998.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)