[Angular] Progress HTTP Events with 'HttpRequest'

妖狐艹你老母 2021-09-29 12:00 206阅读 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 条评论，206人围观）

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

相关阅读

相关 Spring MVC Http Event Stream

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

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

相关 rxjs with angular

=》Promise vs Observable ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9

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

相关 Java--HttpRequest对象

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

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

相关 django---04---HTTPrequest

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

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

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

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

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

相关 Angular2-http

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

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

相关 httpRequest请求方法

业务场景：公司的多个项目之间要进行RestHub接口的调用，采用HTTP的方式，参数用的是JSON，方法如下： public static Str

Myth丶恋晨/ 2022年07月13日 20:44/ 0 赞/ 189 阅读

相关【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 赞/ 148 阅读

相关 HTTP progressive download渐进式传输

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

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

相关 [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 赞/ 207 阅读