基于SpringBoot的图片上传与显示(附源码)

Demo地址

https://github.com/HelloSummer5/FileUploadDemo

效果图预览

图片上传Demo预览图

思路

  • 一般情况下都是将用户上传的图片放到服务器的某个文件夹中,然后将图片在服务器中的路径存入数据库。本Demo也是这样做的。
  • 由于用户自己保存的图片文件名可能跟其他用户同名造成冲突,因此本Demo选择了使用UUID来生成随机的文件名解决冲突。
  • 但是本Demo不涉及任何有关数据库的操作,便于演示,就用原来的文件名。

步骤

pom相关依赖
  • 基于Spring boot当然是继承了spring boot这不用多说
  • 具体依赖,主要是FreeMarker相关依赖为了展现页面,习惯用JSP也可以添加JSP的依赖,只是为了展示页面,这个不重要。
<dependencies>
 <!--FreeMarker模板视图依赖-->
       <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-freemarker</artifactId>
       </dependency>

       <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-web</artifactId>
       </dependency>

       <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-test</artifactId>
           <scope>test</scope>
       </dependency>
   </dependencies>
application.properties相关配置
  • 除了视图模板相关的配置ÿ
  • 14
    点赞
  • 94
    收藏
    觉得还不错? 一键收藏
  • 23
    评论
评论 23
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值