Javascript 带有ReactJS和SpringRest的图像上传器
我正在尝试创建一个图像上传程序,其中ReactJS作为前端,Spring REST作为后端。我目前的方法是用作图像占位符,并将图像发送到后端 我正在使用SpringDataREST教程中的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
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我才意识到。谢谢