Как отправить изображение из приложения React на сервер api

Question

Мне нужна помощь с реализацией отправки изображения из приложения React на сервер API.В React я использую библиотеку FilePond для отправки изображения, и это прекрасно работает, но я не знаю, как получить это изображение на сервер, я использую инфраструктуру NETTE, а также библиотеку apitte для запроса.Если вы знаете, как отправлять и получать изображения другим способом, напишите пожалуйста.Большое спасибо!

Например, как я использую 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

Документ не очень понятный, но файл pond будет работать с любым API, который вы указали (http://localhost:3000 в вашем случае), просто используя HTTP-глагол, соответствующий предпринимаемому действию REST.так, например, если вы установите это.(обратите внимание, что в реакции)

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

Тогда пруд файла достигнет конечной точки localhost: 3000 / filepondBackend со следующими глаголами HTTP: 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 
     });

Надеюсь, это поможет.