如何用JavaScript编写长尾词来监控上传和下载进度？

本文共计1731个文字，预计阅读时间需要7分钟。

目录

一、写在前面

二、XHR 监控进度

三、Axios 监控进度

四、写在后面

一、写在前面

二、XHR 监控进度

三、Axios 监控进度

四、写在后面

一、写在前面

二、XHR 监控进度

三、Axios 监控进度

四、写在后面

一、写在前面

二、XHR 监控进度

三、Axios 监控进度

四、写在后面

目录

• 一、写在前面
• 二、xhr 监控进度
• 三、axios 监控进度
• 四、写在后面

一、写在前面

网路的不稳定性，网速的变化，会导致有时一个请求可能需要很长的的时间，而这个过程如果没有相应的提示，让用户感知进度，这可能是一种糟糕的体验。这在体现请求进度，加载进度的需求，在文件上传下载业务中，更为强烈。

下面从 XHR 请求和 axios 两个角度，分析如何实现监控请求进度，获取文件上传下载进度。

tips：上传下载进度监控，不应仅仅是数据传输进度比的获取，还应包括传输过程可能出现的状态。