首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

springboot之文件上传、图片预览

springboot自带图片服务器,但是一般我们都不会用,文件这一块因为灵活性比较高,可能每个公司的都不一样,因此最好还是自己来搞定。

一、思路

1、上传①.使用spring的正常上传,文件存储路径为磁盘任意位置,可配置②.业务表中存附件id③.前端使用Layui2、预览①.使用nginx代理,只需要根据附件id获取图片路径即可

二、上传

1.建表

2.文件上传的主要代码 上传的返回值是附件id,因为上传后其他操作需要(比如保存用户头像)需要用到

其实比较复杂的是页面上的操作,每一个做过上传的相信也都有体会,但是这个layui已经帮我们简化了很多,基于上传是一个公用方法,此处我又做了一次抽取,代码如下

参数解释: eleId:绑定上传事件元素id layUpload:layui的upload模块,也可以在此处使用layui.use再次获取 done:上传成功回调 默认传这三个方法就够了,如果不需要处理失败等情况的话(但是不建议这么干)

extendParam:自定义扩展参数 error:失败回调 accept:接收类型(layui默认:file) exts:文件扩展名(layui默认:jpg|png|gif|bmp|jpeg) 3.前端页面

三、效果

头像上传

四、预览

预览更简单,只需要获取图片路径,配合nginx即可。 nginx配置

java代码部分:

访问路径:

访问url

目标结果:

目标结果

这只是简单的图片上传和预览,具体文件类型怎么控制,真实文件类型怎么获取,批量上传等等都没有,只是给小伙伴们一个简单的demo可以参考,有问题的欢迎随时撩我,或者关注我的公众号获取更多信息。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180313G14K8V00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券