spring ajax 上传文件—示例代码

Spring Ajax上传文件的示例代码如下：

我们需要在Spring配置文件中添加MultipartResolver bean来处理文件上传的请求。可以使用CommonsMultipartResolver或者StandardServletMultipartResolver。

<bean id="multipartResolver" class="9abd-7a53-28c8-fea9 org.springframework.web.multipart.commons.CommonsMultipartResolver">
    <property name="maxUploadSize" value="10485760"/> <!-- 设置最大上传文件大小为10MB -->
</bean>

接下来，我们需要在控制器中定义一个处理文件上传请求的方法。在该方法中，我们使用@RequestParam注解来接收上传的文件，并使用MultipartFile类型来处理文件数据。

@Controller
public class FileUploadController {
    @RequestMapping(value = "/upload", method = RequestMethod.POST)
    public String uploadFile(@RequestParam("file") MultipartFile file) {
        // 处理文件上传逻辑
        if (!file.isEmpty()) {
            try {
                byte[] bytes = file.getBytes();
                // 保存文件到服务器或者其他操作
                // ...
                return "redirect:/success"; // 上传成功后跳转到成功页面
            } catch (IOException e) {
                e.printStackTrace();
            }
        }
        return "redirect:/error"; // 上传失败后跳转到错误页面
    }
}

在上述示例代码中，我们使用了POST请求方式来处理文件上传。通过@RequestParam注解的file参数，我们可以接收上传的文件。然后，我们可以通过MultipartFile的getBytes()方法获取文件的字节数组，进而进行文件的保存或其他操作。

我们可以在前端页面中使用Ajax来实现文件上传的功能。通过FormData对象，我们可以将文件数据以及其他表单数据一起发送到服务器。

function uploadFile() {
    var fileInput = document.getElementById("fileInput");
    var file = fileInput.files[0];
    var formData = new FormData();
    formData.append("file", file);
    var xhr = new XMLHttpRequest();
    xhr.open("POST", "/upload", true);
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4 && xhr.status === 200) {
            // 文件上传成功后的处理逻辑
            // ...
        }
    };
    xhr.send(formData);
}

在上述示例代码中，我们首先获取到文件输入框的文件数据，并创建一个FormData对象。然后，我们使用XMLHttpRequest对象发送POST请求到服务器的/upload路径，并将FormData对象作为请求体发送。在请求完成后，我们可以根据服务器返回的状态码和响应数据进行相应的处理。

通过以上示例代码，我们可以实现Spring Ajax上传文件的功能。