element-ui之upload上传与后台接收参数

页面: 

 
          
             选取附件
上传到服务器
          

js: 

 data() {
      return {
        fileData: {
                    fileId: '',
                    fileType: '',
                    fileDesc: '',
                    filePath: '',
                },
    },
    methods: {
       getfileData() {
          return vm.fileData
       },
      submitUpload() {
        this.$refs.upload.submit();
      },
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePreview(file) {
        console.log(file);
      }
    }

后端:

@RequestMapping(value = "/uploadFile", method = RequestMethod.POST)
    public Result uploadFile(@RequestParam Map map,@RequestParam("file") MultipartFile[] file){
        if(map.size() >0){
            try{
                String  fileId = map.get("fileId").toString();
                String  fileType = map.get("fileType").toString();
                String  fileDesc = map.get("fileDesc").toString();
                String  filePath = map.get("filePath").toString();
                baseAppfileService.uploadFiles(file,filePath,fileId,fileType,fileDesc);
            }catch (Exception e){
                return new Result().error();
            }
            return new Result();
        }
        return new Result().error();
    }

 

你可能感兴趣的:(Java)