jeesite4 图片上传总结

jeesite 专栏收录该内容
9 篇文章 0 订阅

话不多说,需求是在jeesite4框架中使用自带功能进行图片上传
在这里插入图片描述
上图是jeesite4自带功能,在本地测试的时候,若不做任何修改,图片会上传到工作空间下的.metadata里,但这不是我们想要的图片路径,想要上传到自己指定的路径可以在配置文件application.yml进行修改
在这里插入图片描述
把配置文件中file和baseDir的注释去掉,baseDir可修改为自己想要的路径如:D:/jeesite ,则图片会上传到D:\jeesite\userfiles\fileupload\201908目录下\userfiles\fileupload是系统指定的\201908是日期,当然,也可选择下图的方式
在这里插入图片描述
创建一个工具类,继承FileUploadServiceExtendSupport,需要添加@Service注解和重写uploadFile、getFileUrl方法,path1则是上传后的图片,当然,重写的方法里面可以自行拓展,上图只是做个测试,html页面如下:
在这里插入图片描述
在这里插入图片描述
上图filePathInputId里面的值与下图name里的值对应,这样会将图片上传的路径显示到下图的input框里,也可以放到页面显示出来
在这里插入图片描述
下面是最终效果图
在这里插入图片描述
在这里插入图片描述

  • 3
    点赞
  • 11
    评论
  • 5
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 岁月 设计师:pinMode 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值