Ребята, всем привет.
Подскажите как загрузить несколько файлов на сервер с отслеживанием их статуса(завершения) загрузки
создал такую функцию
public sendFiles(data) {
const headers = new HttpHeaders().set(
'Authorization',
'Bearer ?????????????????????????????'
);
const req = new HttpRequest(
'POST',
'http://localhost:8081/upload/files',
data,
{ reportProgress: true, headers, responseType: 'text' }
);
return this.httpClient.request(req);
}
здесь загружаю
public changeinput(event) {
let chosenFiles = event.target.files || event.srcElement.files;
const error = this.validateFiles(chosenFiles);
if (error.length) {
alert(error);
let btn: HTMLInputElement = document.getElementById(
'file-uploads'
) as HTMLInputElement;
btn.value = null;
} else {
Array.prototype.push.apply(this.transmittedFiles, chosenFiles);
const formData = new FormData();
Array.prototype.forEach.call(this.transmittedFiles, (file, index) => {
console.log(file);
formData.append(`files`, file);
});
this.dataExchangeService
.sendFiles(formData)
.subscribe(event => console.log(event));
}
}
в консоле выводится итог сразу загрузки всех файлов в формдате...а мне нужно рисовать индикатор загрузки возле каждого загружаемого файлика, который показывает загружен файл или нет
