在MVC中获取图像并使用Javascript显示

<input type="file" id="imageUpload">
<img id="imageDisplay" src="" alt="Uploaded Image">

<script>
  document.getElementById("imageUpload").addEventListener("change", function(event) {
    var file = event.target.files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
      document.getElementById("imageDisplay").src = e.target.result;
    };
    reader.readAsDataURL(file);
  });
</script>

@PostMapping("/uploadImage")
public String uploadImage(@RequestParam("image") MultipartFile image, Model model) {
  // 保存图像文件到服务器指定位置
  // ...

  String imagePath = "/path/to/image.jpg"; // 假设保存的图像文件路径为/path/to/image.jpg
  model.addAttribute("imagePath", imagePath);

  return "imageDisplay";
}

<img src="${imagePath}" alt="Uploaded Image">