热门搜索:
您现在的位置是：首页 > 文章详情

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

日期：2018-07-15点击：422

笔者知道这招非常高兴，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://yq.aliyun.com/articles/633888
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。

相关文章

    文章评论

    共有0条评论来说两句吧...

    文章二维码

    扫描即可查看该文章

    点击排行

    推荐阅读

    最新文章