Vue + Element +SpringBoot 实现文件上传
发布时间：2024-06-14 13:01
1、概要
我们使用vue element组件，做前端框架，springboot后端实现文件上传功能，内容很简单，我们废话少说，我直接上代码了。
2、前端代码
需要说明一下下面代码主要包括两部分，使用el-dialog对话框显示上传文件界面，第二部分就是handleError、handleSuccess两个上传文件得方法，上传错误或成功分别会走这俩个方法。说一下重要得参数就是:action=\"uploadBackupUrl\"是上传文件得后端api路径。
将文件拖到此处，或点击上传
handleError(e, file, fileList) {
const msg = JSON.parse(e.message)
this.error(msg.message)
},
handleSuccess(response, file, fileList) {
this.fileDialogVisible = false
// 获取文件Id
this.success(\'还原密钥成功!\')
},![\"Vue](\"https://img.it610.com/image/info8/27f45825fd9d4e64a4385802196d0dc2.jpg\")
3、后端代码
接受前端传过来的文件接口至于怎么处理就是你需要具体实现得啦！
@AnonymousPostMapping(\"/SDF_Restore\")
@Log(\"还原加密卡索引\")
@ApiOperation(\"还原加密卡索引\")
public ResponseEntity以上就是今日的小demo，感谢各位支持！