【问题标题】:Upload an image and refresh the img tag上传图片并刷新img标签
【发布时间】:2016-09-27 15:28:37
【问题描述】:

我在我的应用程序中使用 Springboot 和嵌入式服务器 (Jetty)。

我想上传一张图片并重新加载我的 html 页面以在 img 标签中显示新图片。

该文件已上传好并保存在我的应用程序的文件夹中。但是当我重新加载我的页面时,我看不到我的新图像。

我的嵌入式服务器似乎看不到我的新文件。当我重建我的项目时,我可以看到新文件。

如何在不重建项目的情况下自动刷新我的 img 标签

这是我的html页面

<img th:src="@{/images/scan/}+${signatureScannedImg}" style="margin-bottom: 30px"/>
          <form th:action="@{/upload-signature-scan}" th:method="post" enctype="multipart/form-data">
            <table>
              <tr><td><input type="file" name="file" /></td></tr>
              <tr><td><input type="hidden" id="scannedFile" name="scannedFile" value="signature" /></td></tr>
              <tr><td><input type="hidden" id="idClient" name="idClient" th:value="${clientView.id}" /></td></tr>
              <tr><td><input type="submit" value="Enregistrer" /></td></tr>
            </table>
          </form>

我的控制器方法是:

@RequestMapping(value = "/upload-signature-scan", method = RequestMethod.POST)
  public String handleFileUpload(
                                 @RequestParam("file") MultipartFile file,
                                 @RequestParam("idClient") Long idClient,
                                 @RequestParam("scannedFile") String  scannedFile,
                                 RedirectAttributes redirectAttributes) {
    Path rootLocation= Paths.get("src/main/resources/static/images/scan");
    try {
      Files.copy(file.getInputStream(), rootLocation.resolve("image.jpg"));
    } catch (IOException e) {
      e.printStackTrace();
    }

    redirectAttributes.addAttribute("id", idClient);
    redirectAttributes.addFlashAttribute("id", idClient);
   redirectAttributes.addFlashAttribute("signatureScannedImg", "image.jpg");
    return "redirect:/client/{id}/details";
  }

【问题讨论】:

  • 我们可以看看你的 PictureUploadController 类吗?
  • 是的,我已经更改了我的帖子

标签: java spring jetty thymeleaf


【解决方案1】:

我在这里找到了解决方案:https://spring.io/guides/gs/uploading-files/

谢谢

【讨论】:

    猜你喜欢
    • 2012-12-11
    • 2017-02-25
    • 1970-01-01
    • 1970-01-01
    • 2021-07-06
    • 1970-01-01
    • 2016-08-19
    • 2020-12-02
    • 2020-06-02
    相关资源
    最近更新 更多