Vue + Element +SpringBoot 实现文件上传

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('还原密钥成功!')
    },

 3、后端代码

        接受前端传过来的文件接口至于怎么处理就是你需要具体实现得啦！

    @AnonymousPostMapping("/SDF_Restore")
    @Log("还原加密卡索引")
    @ApiOperation("还原加密卡索引")
    public ResponseEntity