Угловая загрузка файла включает файл с другими данными в том же посте

Question

Возможно ли как-то включить файл вместе с другими данными в тот же пост?

export class ProfileExtraData {
    public id: number;
    public fullName: string;
    public file: any
}

return this.httpClient.post<void>(`${this.apiBaseUrl}/save`, profileExtraData);

Когда я пытаюсь сделать, как описано выше, отсутствуют данные изображения

Answer 1

Вы можете использовать FormData для отправки файла с другими данными через тот же почтовый запрос:

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

return this.httpClient.post<void>(`${this.apiBaseUrl}/save`, formData);

Обратите внимание, что могут потребоваться изменения и в вашей конечной точке API (тип контента запроса больше не является «json»). Это становится 'multipart / form-data' с экземпляром FormData, переданным в качестве второго аргумента методу post)