Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/spring/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 带有ReactJS和SpringRest的图像上传器_Javascript_Spring_Rest_Reactjs_Spring Data Rest - Fatal编程技术网

Javascript 带有ReactJS和SpringRest的图像上传器

Javascript 带有ReactJS和SpringRest的图像上传器,javascript,spring,rest,reactjs,spring-data-rest,Javascript,Spring,Rest,Reactjs,Spring Data Rest,我正在尝试创建一个图像上传程序,其中ReactJS作为前端,Spring REST作为后端。我目前的方法是用作图像占位符,并将图像发送到后端 我正在使用SpringDataREST教程中的client.js文件。经过研究,我决定在POST请求中以多部分/表单数据的形式发送图像。 下面是react dropzone组件中的onDrop函数: onDrop(files) { files.forEach((file)=> { client({ me

我正在尝试创建一个图像上传程序,其中ReactJS作为前端,Spring REST作为后端。我目前的方法是用作图像占位符,并将图像发送到后端

我正在使用SpringDataREST教程中的
client.js
文件。经过研究,我决定在POST请求中以
多部分/表单数据的形式发送图像。
下面是react dropzone组件中的onDrop函数:

onDrop(files) {
    files.forEach((file)=> {
        client({
            method: 'POST',
            path: '/api/upload',
            entity: file,
            headers: {'Content-Type': 'multipart/form-data'}
        }).done(() => console.log('success!'));
    });
}
在弹簧座控制器上:

@RequestMapping(method = RequestMethod.POST, value = "/api/upload", consumes = {"multipart/form-data"})
public String handleFileUpload(@RequestParam("file") MultipartFile file) {
...
}
但是,我有一个错误:
POSThttp://localhost:8080/api/upload 400(错误请求)


不确定问题是在REST客户端还是控制器上。非常感谢您的帮助。

没有看到任何生成多部分/表单数据体的代码,您只是发送一个文件作为数据体。看@Tibrogargan我才意识到。谢谢。没有看到任何生成多部分/表单数据主体的代码,您只是发送一个文件作为主体。看@Tibrogargan我才意识到。谢谢