springboot +vue+elupload图片回显

首先，为了实现图片回显，我们需要先将图片上传至服务器。可以使用vue-el-upload组件上传图片，然后在服务器端使用Spring Boot保存图片文件。

在Vue组件中，可以像下面这样使用vue-el-upload组件：

<template>
  <el-upload
    class="upload-demo"
    action="http://localhost:8080/upload"
    :on-success="handleSuccess"
    :show-file-list="false"
    :auto-upload="true"
    name="file">
    <el-button size="small" type="primary">点击上传</el-button>
  </el-upload>
  <img :src="imageUrl" alt="" width="200px">
</template>

<script>
  export default {
    data() {
      return {
        imageUrl: ''
      };
    },
    methods: {
      handleSuccess(response) {
        this.imageUrl = response.data.url;
      }
    }
  }
</script>

在Spring Boot中，可以使用MultipartFile接收上传的文件，并将文件保存到指定的文件夹中。代码如下：

@RequestMapping(value="/upload", method=RequestMethod.POST)
public Result uploadFile(@RequestParam("file") MultipartFile file) {
    if (file.isEmpty()) {
        return Result.error("上传失败，请选择文件");
    }

    String fileName = UUID.randomUUID().toString() + "_" + file.getOriginalFilename();
    String filePath = "/path/to/save/images/";

    File dest = new File(filePath + fileName);
    try {
        file.transferTo(dest);
        return Result.success("上传成功", "/images/" + fileName);
    } catch (IOException e) {
        e.printStackTrace();
    }

    return Result.error("上传失败");
}

最后，在Vue组件中，需要将服务器返回的图片URL设置为img标签的src属性，从而实现图片的回显。