Запрос HttpClient с reportProgress отменяется браузером - PullRequest
0 голосов
/ 16 июня 2020
• 1000 Я не могу понять, почему это происходит с reportProgress. Я также пробовал с observe: events, но происходит то же самое.

Когда запросы отменяются, обратный вызов error не запускается в subscribe, обратный вызов успеха запускается с event: undefined.

const formData: any = new FormData();
formData.append('body', this.data.module);
formData.append('fileImage', event.addedFiles[0]);

const req = new HttpRequest('POST', '/api/import/images/users', formData, {
    reportProgress: true,
});

this.http.request(req).subscribe((event: HttpEvent<any>) => {
    console.log({ event });
    switch (event.type) {
        case HttpEventType.Sent:
            console.log('Request has been made!');
            break;
        case HttpEventType.ResponseHeader:
            console.log('Response header has been received!');
            break;
        case HttpEventType.UploadProgress:
            this.progress = Math.round(event.loaded / event.total * 100);
            console.log(`Uploaded! ${this.progress}%`);
            break;
        case HttpEventType.Response:
            console.log('User successfully created!', event.body);
            break;

    }
},
    (e) => console.log('errrrrrrr', e)
);

Я следую этому руководству https://angular.io/guide/http#report -progress и работаю с angular 8.2.14.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...