如何使用thymeleaf在spring-boot中实现目录选择器

w1jd8yoj  于 2023-04-20  发布在  Spring
关注(0)|答案(1)|浏览(140)

我有一个Sping Boot 应用程序,它返回一个Thymeleaf表单。
我想添加一个按钮,将让用户选择一个目录,并获得目录路径作为一个字符串(或作为一个文件)。我不关心目录的内容。
我的Thymeleaf.html文件看起来像这样:

<div>
        <form method="POST" enctype="multipart/form-data" action="/">
            <table>
                <tr><td>File to upload:</td><td><input type="file" name="file" /></td></tr>
                <tr><td></td><td><input type="submit" value="Upload" /></td></tr>
            </table>
        </form>
    </div>

    <div>
        <ul>
            <li th:each="file : ${files}">
                <a th:href="${file}" th:text="${file}" />
            </li>
        </ul>
    </div>

我的控制器:

@PostMapping("/")
    public String handleFileUpload(@RequestParam("file") MultipartFile file, RedirectAttributes redirectAttributes) throws IOException {

        redirectAttributes.addFlashAttribute("message", "Successfully uploaded " + file.getOriginalFilename());

        return "redirect:/";
    }

是否可以实现为Sping Boot - Thymeleaf应用程序?

9nvpjoqh

9nvpjoqh1#

只需将“WebKitDirectory”添加到输入类型文件中以获取选择文件夹的选项。请参阅代码中的其他内容

<tr><td>File to upload:<input type="file" name="file" WebKitDirectory /></td></tr>

你可以阅读并尝试下面的链接示例
WebKit目录:https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/webkitdirectory
注意:以上不适用于Android Mozilla移动的。

相关问题