javascript - XHR 分段文件上传 Spring Boot 问题

Question

我有一个上传进度条，可根据文件输入进行操作，当进度条达到 100% 时，不会出现错误。但是当我在 Spring Boot 中打印文件的内容时，我注意到 for 循环中的代码没有运行。这是代码。请帮忙，谢谢!

JavaScript:

function upload(file) {
    var formData = new FormData();
    formData.append("newFile", file);
    var xhr = new XMLHttpRequest();
    xhr.open('POST', '/upload');
    xhr.onload = function(e) {
        console.log("xhr onload function");
    };
    var progressBar = document.querySelector('progress');
    xhr.upload.onprogress = function(e) {
        if (e.lengthComputable) {
            progressBar.value = (e.loaded / e.total) * 100;
            progressBar.textContext = progressBar.value;
        }
    };
    xhr.send(formData);
}

Spring 启动:

@RequestMapping(value="/upload", method=RequestMethod.POST)
public String upload(@RequestParam("files") MultipartFile[] files) {

    // This prints [Lorg.springframework.web.multipart.MultipartFile;@........].
    System.out.println(files);
    for (MultipartFile file : files) {
        // This doesn't get printed.
        System.out.println(file.getOriginalFilename());
    }
    return "redirect:/";
}

Answer 1

在 JavaScript 中，您将文件添加到“newFile”变量，但在 Spring 端，您从请求参数“files”中提取文件。

您要上传多个文件吗？看来并非如此。仅尝试使用 Multipart。