npmpackage.info

Gathering detailed insights and metrics for umi-request-progress

Other packages similar to umi-request-progress

umi-request-progress-middleware

1.0.5

Middleware used by umi-request to obtain upload and download progress

umi-request-progress

umi-request-progress 是网络请求库 umi-request 的一个内核中间件，扩展了 umi-request 使其支持上传进度和下载进度

1.1.0

MIT

TypeScript

717.00 B

5,536

Installations

npm install umi-request-progress

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

18.4.0

NPM Version

8.12.1 Score

58.5

Supply Chain

98.2

Quality

75.1

Maintenance

Vulnerability

99.6

License

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

5

Total

6

Closed

1

Releases

v1.0.0

Published on 30 May 2022

View all 1 releases

Contributors

Unable to fetch Contributors

View all 1 contributors

Languages

TypeScript

JavaScript

TypeScript (69.93%)

JavaScript (30.07%)

Developer

GuoBinyong

Download Statistics

Total Downloads

5,536

Last Day

Last Week

Last Month

253

Last Year

3,814

GitHub Statistics

7 Stars

11 Commits

1 Forks

3 Watching

1 Branches

1 Contributors

Bundle Size

1.22 kB

Minified

717.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

1.1.0

Package Id

umi-request-progress@1.1.0

Unpacked Size

15.08 kB

Size

5.51 kB

File Count

NPM Version

8.12.1

Node Version

18.4.0

Total Downloads

Cumulative downloads

Total Downloads

5,536

Last day

-70%

Compared to previous day

Last week

-55.3%

Compared to previous week

Last month

-11.5%

253

Compared to previous month

Last year

292.8%

3,814

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

umi-request

Dev Dependencies

@microsoft/api-documenter @microsoft/api-extractor package-tls typescript vite

Versions

目录

1. 背景
2. 简介
3. 安装方式
- 3.1. 方式1：通过 npm 安装
- 3.2. 方式3：通过<script>标签引入
4. 教程
5. API接口文档

1. 背景

umi-request 是基于 fetch 的，且有比 axios 更强的功能，唯一美中不足的是：umi-request 不支持进度事件，这在一些上传和下载业务中是常见的需求，所以我就专门封装一个 umi-request 的内核中间件 umi-request-progress，专门用于解决进度的问题。

2. 简介

umi-request-progress 是网络请求库 umi-request 的一个内核中间件，扩展了 umi-request 使其支持上传进度和下载进度。

详情请看：

主页：https://github.com/GuoBinyong/umi-request-progress
GitHub仓库
码云仓库
[教程][]
API接口文档

如果您在使用的过程中遇到了问题，或者有好的建议和想法，您都可以通过以下方式联系我，期待与您的交流：

给该仓库提交 issues
给我 Pull requests
邮箱：guobinyong@qq.com
QQ：guobinyong@qq.com
微信：keyanzhe

3. 安装方式

目前，安装方式有以下几种：

3.1. 方式1：通过 npm 安装

npm install umi-request-progress

3.2. 方式3：通过`<script>`标签引入

您可直接从项目的发行地址中下载以 .iife.js 作为缀的文件，然后使用如下代码引用和使用 umi-request-progress：

引用 umi-request-progress

<script src="path/to/package/umi-request-progress.iife.js"></script>

使用全局的 UmiRequestProgress

<script>
// 使用全局的 UmiRequestProgress
</script>

4. 教程

umi-request-progress 给 umi-request 的请求选项 RequestOptionsInit 增加了以下两个选项

1interface RequestOptionsInit {
2    /**
3     * 上传进度事件的回调函数
4     */
5    onReqProgress?: ProgressHandler | null;
6    /**
7     * 下载进度事件的回调函数
8     */
9    onResProgress?: ProgressHandler | null;
10}

具体使用示例如下：

1//导入 umi-request
2import request from 'umi-request';
3//导入 umi-request-progress
4import progressMiddleware from 'umi-request-progress';
5
6// 注册内核中间件
7request.use(progressMiddleware, { core: true });
8
9// 上传文件
10request("/file/upload",{
11   ...otherOptions,
12   //上传进度事件的回调函数
13   onReqProgress:function( ev: ProgressEvent){
14     console.log(ev)
15   },
16   //下载进度事件的回调函数
17   onResProgress:function( ev: ProgressEvent){
18     console.log(ev)
19   },
20});

5. API接口文档

详情跳转至API接口文档

有您的支持，我会在开源的道路上，越走越远

赞赏码

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to umi-request-progress

umi-request-progress

Installations

Developer Guide

Yes

CommonJS

18.4.0

8.12.1

Score

Pull Requests

0

0

0

Issues

5

6

1

Releases

Contributors

Unable to fetch Contributors

Languages

Developer

GuoBinyong

Download Statistics

GitHub Statistics

Bundle Size

1.22 kB

717.00 B

Maintainers

Package Meta Information

Total Downloads

5,536

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

1. 背景

2. 简介

3. 安装方式

3.1. 方式1：通过 npm 安装

3.2. 方式3：通过<script>标签引入

4. 教程

5. API接口文档

3.2. 方式3：通过`<script>`标签引入