[Angular] Progress HTTP Events with 'HttpRequest'

妖狐艹你老母 2021-09-29 12:00 246阅读 0赞

New use case that is supported by the HTTP client is Progress events. To receive these events, we create our HTTP request manually in the following way:

longRequest() {
    
        const request = new HttpRequest(
            "POST", "/api/test-request", {}, 
             {reportProgress: true});
    
        this.http.request(request)
            .subscribe(
                event => {
    
                    if (event.type === HttpEventType.DownloadProgress) {
                        console.log("Download progress event", event);
                    }
    
                    if (event.type === HttpEventType.UploadProgress) {
                        console.log("Upload progress event", event);
                    }
    
                    if (event.type === HttpEventType.Response) {
                        console.log("response received...", event.body);
                    }
    
                }
            );
    }

HttpEventType can be found here: [link][]

转载于:https://www.cnblogs.com/Answer1215/p/7418746.html

[link]: https://angular.io/api/common/http/HttpEventType#User

发表评论取消回复

表情：

评论列表（有 0 条评论，246人围观）

还没有评论，来说两句吧...

相关阅读

相关 Spring MVC Http Event Stream

什么是 Http Event Stream Event Stream 技术是一种实现服务器推送事件的方法，它通过在一个持续的 HTTP 连接上发送事件流来实现推送。具体来

绝地灬酷狼/ 2024年03月08日 08:27/ 0 赞/ 156 阅读

相关 rxjs with angular

=》Promise vs Observable ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

不念不忘少年蓝@/ 2023年06月25日 02:26/ 0 赞/ 142 阅读

相关 Angular http

一、引用引用即使用前的准备，要使用http请求，根据mvc的模块设计，应该从model层入手，即在service中使用。 1.1 在app.module.ts中导入H

Love The Way You Lie/ 2023年05月30日 12:00/ 0 赞/ 43 阅读

相关 Java--HttpRequest对象

概述： 1、服务器接收http请求后，会根据报文创建HttpRequest对象 2、视图的第一个参数就是HttpRequest对象 3、django创建的，之后调用试图时

小灰灰/ 2022年12月23日 09:55/ 0 赞/ 195 阅读

相关 django---04---HTTPrequest

一:前端传输参数的4种方式： 1：查询字符串的方式： http://www.meiduo.site/list/115/1/?sort=price 中的?sor

╰+哭是因爲堅強的太久メ/ 2022年12月01日 14:06/ 0 赞/ 232 阅读

相关 Angular HTTPClient（@angular/common/http）用法

1. 因项目使用的是ts，所以先在ts文件里从@angular/common/http导入HttpClient import { HttpClient } fro

怼烎@/ 2022年09月06日 10:30/ 0 赞/ 265 阅读

相关 Angular2-http

首先要先导入http这儿服务 import {Http} from '@angular/http'; 在\`constructor(public http:Http

谁借莪１个温暖的怀抱￠/ 2022年07月15日 04:54/ 0 赞/ 253 阅读

相关【SSH】HTTP Status 500 - attempt to create saveOrUpdate event with null entity

<table> <tbody> <tr> <td><font><b>问题<b></b></b></font></td> </tr> </tbody

川长思鸟来/ 2022年05月14日 12:25/ 0 赞/ 214 阅读

相关 HTTP progressive download渐进式传输

综述的协议对比，可以参考[不同音视频传输协议的对比][Link 1] 比如现在常见的移动端互动直播，常使用HTTP-flv方式在网络上传输。使用flv极为简单的封装格式，再叠

系统管理员/ 2022年01月31日 09:27/ 0 赞/ 292 阅读

相关 [Angular] Progress HTTP Events with 'HttpRequest'

New use case that is supported by the HTTP client is Progress events. To receive these e

妖狐艹你老母/ 2021年09月29日 12:00/ 0 赞/ 247 阅读