Angular 2 - отправить файл как часть данных формы

Question

Кто-нибудь знает, как отправить изображение (файл) как часть данных формы, используя сервис AuthHttp (angular2-jwt) в Angular 2?

Answer 1

Отправка файла с использованием authHttp может быть выполнена следующим образом:

let file = new File([blobData], "filename.png");
const url = 'https://example.com/upload';

let formData:FormData = new FormData();
formData.append('file', file, file.name);

this.authHttp.put(url, formData)
      .catch(this.handleError);

Answer 2

Вы можете создать объект этого файла информации и отправить через HTTP-запрос

Подобно:

 var formData = new FormData(document.getElementById("formName"));
        for(var i=0;i<obj.length;i++){
            formData.append("file["+i+"]",obj.fileModel[i]);
        }

    formData.append("title",title);
    formData.append("xyz",xyz);

И отправьте эту форму данных в http запрос