添加对上传文件的监听

[wybiubiu1012]

umi-request是基于fetch的封装，当上传文件时，如何对上传文件的进度进行监听呢，像xhr.upload.onprogress

[clock157]

有一个 issue 在跟进中，但现在还没有实现，我会继续关注。 https://github.com/whatwg/fetch/issues/607

[ifyour]

这个是不是要在 README.md 中特性部分进行体现呢 😂，暂时没有实现 axios onUploadProgress 以及 XMLHttpRequest: progress event

[elaoshi]

有什么新进展么？

[laosandegudai]

有进展么？

[laosandegudai]

这个可以customRequest自定义上传然后用OnProgress控制进度，虽然文档没写但是有个这个OnProgress方法的。

[Hnnphone]

这个可以customRequest自定义上传然后用OnProgress控制进度，虽然文档没写但是有个这个OnProgress方法的。

问题是你怎么去拿进度，而不是用进度。。。

[laosandegudai]

这个可以customRequest自定义上传然后用OnProgress控制进度，虽然文档没写但是有个这个OnProgress方法的。

问题是你怎么去拿进度，而不是用进度。。。

都自己上传了还拿不到进度？

[America-first-melon]

• 1

[zywkuo]

+1

[jiangqidu]

有进展吗？都多久了

[GuoBinyong]

有进展吗

[silentcloud]

+1

[mabel-xue]

+1

[jin-benben]

+2

[quicklearning123]

+3

[gs600981]

+4

[lihao6666]

+5

[xiaoyc-9364]

+6

[AugusQiu]

+7

[HeidaLay]

+8

[gezhicui]

+9

[GuoBinyong]

使用中间件 umi-request-progress可完美解决上传进度和下载进度的问题，步骤如下：

1. 安装 npm install umi-request-progress;
2. 使用：

//导入 umi-request
import request from 'umi-request';
//导入 umi-request-progress
import progressMiddleware from 'umi-request-progress';

// 注册内核中间件
request.use(progressMiddleware, { core: true });

// 上传文件
request("/file/upload",{
   ...otherOptions,
   //上传进度事件的回调函数
   onReqProgress:function( ev: ProgressEvent){
     console.log(ev)
   },
   //下载进度事件的回调函数
   onResProgress:function( ev: ProgressEvent){
     console.log(ev)
   },
});

[fandepeng1993]

+10

[cike8899]

+11