zoukankan      html  css  js  c++  java
  • 06--SpringBoot之拿到你的图片!

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

  • 相关阅读:
    .NE 学习概要
    (转)工作之路---记录LZ如何在两年半的时间内升为PM
    XP下Winform背景透明问题
    CSE(Corrupted State Exceptions) 严重异常处理办法
    (转)C#模拟键盘鼠标事件
    (转).net项目技术选型总结
    (转)MSMQ续
    (转)MSMQ(消息队列)
    (转)TCP三次握手
    Socket编程初探
  • 原文地址:https://www.cnblogs.com/toly-top/p/9781989.html
Copyright © 2011-2022 走看看