Question

我需要实现方面的帮助，将图像从React应用发送到服务器api。在React中，我使用FilePond库发送图像，并且效果很好，但是我不知道如何在服务器上获取该图像，我使用NETTE框架以及apitte库进行请求。如果您知道如何以其他方式发送和获取图像，请写信。非常感谢你！

例如我如何在React中使用FilePond

<FilePond allowMultiple={true} server={"http://localhost:3000" + this.baseProperties.uploadUrl}/>

和php代码的一部分

/**
     * @Path("/upload")
     * @Method("POST")
     * @param ApiRequest $request
     * @return string
     */
    public function uploadImage(ApiRequest $request)
    {
        return 'check';
    }

Answer 1

文件不是很清楚，但是文件池将仅使用与要执行的REST操作相对应的HTTP动词击中您指定的任何API（在您的情况下为http://localhost:3000）。因此，例如，如果您设置此项。（请注意在react中）

 server={
            {
              'url': 'localhost:3000/filepondBackend',

然后文件池将使用以下HTTP动词命中localhost：3000 / filepondBackend端点：POST，GET，DELETE

下面是在春季如何映射后端的示例

@RequestMapping("/filepondBackend")

@DeleteMapping(produces = "application/json")
  @ApiOperation(value = "Deletes file from DataBase")
  public ResponseEntity<ResponseDTO> deleteFile(
      @RequestHeader HttpHeaders headers

     { 
       delete logic 
     });


@PostMapping(produces = "application/json")
  @ApiOperation(value = "Inserts file into DataBase")
  public ResponseEntity<ResponseDTO> postFile(
      @RequestHeader HttpHeaders headers, @RequestParam("filepond") MultipartFile file
     { 
      post logic 
     }); 

 @GetMapping(produces = "application/json")
  @ApiOperation(value = "Retrieve file from DataBase")
  public ResponseEntity<ResponseDTO> getFile(
      @RequestHeader HttpHeaders headers
  )
     { 
      get logic 
     });

希望有帮助。

如何将图像从React应用发送到api服务器

1 个答案: