使用Spring Boot和React将映像上载到DB：解析HTTP请求头时出错

Question

反应

 doit=(e)=>{
        e.preventDefault();
        let imagefile = document.querySelector('#input');
        let formData = new FormData();
        formData.append("image", imagefile.files[0]);
        return axios.post('https://localhost:8080/fileupload', "image",formData, {
                        headers: {
                               'Content-Type': 'multipart/form-data'
                                 }
                    });
    }

<form encType='multipart/form-data'>
    <input id="input" type='file' accept="image/*"/>
     <button onClick={this.doit} type='submit'>Submit</button>
</form>

Spring靴

@PostMapping("/fileupload",consumes = MediaType.MULTIPART_FORM_DATA_VALUE))
public String fileUpload(@RequestParam("name") String name, @RequestParam MultipartFile file) {
    try {
        byte[] image = file.getBytes();
        MyModel model = new MyModel(name, image);
        int saveImage = myService.saveImage(model);
        if (saveImage == 1) {
            return "success";
        } else {
            return "error";
        }
    } catch (Exception e) {
        return "error";
    }
}

Answer 1

所以实际上这个问题与你发送文件的方式有关。图像和视频与json数据不同。它们是在屏幕上创造视觉杰作的长串数字或编码文本。我并不了解所有这些，但基本上你需要做的是得到文件的位置。比如，如果使用file picker api，它允许您选择要上传的内容，您可以将这些信息存储在变量中，即“file”，然后使用JavaScript内置的fetch方法。

const genFunction = async (file) =>{
const response = await fetch(file)
const blob = await response.blob();
// then you need to send that blob to the server
try {
      const result = await requestToServer(
                                      //configuration stuff
              contentType:'image/jpg' // specify that you are sending a image
                                      // or whatever file type somehow 
             )
console.log(request) } catch (e) { ... } } 

哈哈，他们没有教我如何在编码训练营或其他什么，我没有意识到有更多的类型和事情要做这么长时间。我想出了如何让它与Amplify storage一起工作，如果有人需要，只需问一个问题，我就会提供解决方案。

这个家伙讲了很多把东西转换成你真正需要的格式的最佳方法。我提供的解决方案是最慢的，但很容易理解。

在MongoDB数据库中存储图像//基本相同的问题

https://javabeat.net/mongodb-gridfs-tutorial/

我犯了这个错误之前我不知道如何解决它，我的帮助告诉我开始存储图像在AWS s3上，这不是我要求的。我希望你能搞清楚。