Http POST 以上传文件并发送 JsonString --- 在 ReactJs 中发送并在 Java 中接收答案

【问题标题】：Http POST in order to Upload a file and send a JsonString --- send in ReactJs and Receive in JavaHttp POST 以上传文件并发送 JsonString --- 在 ReactJs 中发送并在 Java 中接收
【发布时间】：2023-02-05 04:49:34
【问题描述】：

我必须发送（上传）一个文件并在我的 React Js 前端发送一个 Json 字符串。 To BackEnd 是一个 Java Tomcat。

ReactJs 中的代码：

                    const formData = new FormData();
                    formData.append('file', selectedFile);                    
                    formData.append( 'jsonstring', MY_JSONSTRING );                    


                    req = new Request(PARAMETRI_URL, {
                        method: 'post',
                        headers: new Headers({ "Content-Type": "multipart/form-data"}),
                        body: formData
                    });

Java代码：

             @MultipartConfig
             protected void processRequest(HttpServletRequest request, HttpServletResponse response)  {
                    ..........
                    final Part PART_Json = request.getPart("jsonstring");
                    final Part PART_file = request.getPart("file");

它不起作用！

我使用 getPart() 尝试了这个解决方案，但我不知道它是否正确。

我的目标是：ReactJs 前端向 Java 后端发送一个文件和一个 JsonString

我在这里找到了很多帖子，但没有针对这个具体案例。我做了很多尝试，有不同的标题、内容类型、ECC……

有人可以在 ReactJs 和 Java 端添加这段代码吗？

在 ReactJs 中：如何构建“req”，
在 Java 中：如何处理“请求” 为了提取 jsonstring 和文件

【问题讨论】：

标签： java reactjs httprequest multipartform-data

【解决方案1】：

我使用以下帖子解决了问题：

How to send a file from JavaScript to a Java WebService

最后，如果你需要 multipart，在 javascript/ReactJs 中你需要使用'XMLHttpRequest()'，而不是'new Request(...)'，然后是'fetch ...'。

【讨论】：