Angular проблема с загрузкой изображений, не может получить опубликованное изображение, вместо этого получить специальный символ - PullRequest
Новая
       10

Angular проблема с загрузкой изображений, не может получить опубликованное изображение, вместо этого получить специальный символ

0 голосов
/ 20 апреля 2020

Когда я пытаюсь загрузить изображение на подписанный URL-адрес, запрос был выполнен успешно, но я не могу получить исходное изображение, я получил следующий файл

------ WebKitFormBoundaryyGVCA3uKmcobfg4M Content -Расположение: форма-данные; Name = "файл"; filename = "download.jpg" Тип контента: image / jpeg

����JFIF��C��C�����
��T! 1A "Qaq2��B� �� # R���b�3r $ 4C�% 5�6DST��� & �EFUcs���� ��N! 1AQa "q2����B��� # R��3b $ r� �CS 4c�% s�'56D������? ˘�O�� ��0�7�Zi, & z�? ��X� # 1��y���F7 \ �) �c & ?) / л: e7G'WÆriD͜hs'hW8C & +: 暇 кп ��a�� @ ������ / � & ��� @ bT�� / �x ^ �_o�6 ^ � ᜙ hL����� * ��x������a ��� | �.) / J��Qb��hR�s� & N�v���G��b�WӤ��r R�J�3T��C�� 맇 $ �s

Что-то не так? или я что-то пропустил. это моя основная функция в service.ts 

    uploadFile(url: string, file: File): Observable<HttpEvent<any>> {

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

    const req = new HttpRequest('PUT', url, formData);
    return this.httpClient.request(req);
  }

... component.ts 

uploadFileT() {

      console.log(this.fileToUpload)
      if (!this.fileToUpload)
          return


    const url = 'the-signed-url';


    this.restaurantService.uploadFile(url,this.fileToUpload).subscribe(event => {
        if (event instanceof HttpResponse) {
            console.log('File is completely loaded!');
        }
    }, (err) => {
        console.log('Upload Error:', err);
    }, () => {
        console.log('Upload done');
    });
  }

Любое предложение, пожалуйста

...