jeesite4 图片上传总结

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