Reggie项目总结5——文件上传下载

文件上传下载

添加菜品需要上传图片,展示菜品也需要展示相应图片。对于图片的上传下载如何实现呢?

先看前端,使用element的el-upload标签进行定义:

Reggie项目总结5——文件上传下载_第1张图片

 这里对应的action就是以post方式的请求路径,标签中对应的方法为:

Reggie项目总结5——文件上传下载_第2张图片

 对应的controller中对应的代码为:

Reggie项目总结5——文件上传下载_第3张图片为upload方法为对应的接口,其中的参数类型和名字是固定的;定义一个basePath从配置文件读取作为存放图片文件的位置。

另外注意,最后返回的R.success(fileName),即将文件名返回供下载使用。

 对应的download方法接口定义在同一controller中:

Reggie项目总结5——文件上传下载_第4张图片

使用输入输出流将图片文件读入并写回浏览器。 

你可能感兴趣的:(Spring系列,spring,boot,java,tomcat,maven)