axios什么版本有onDownloadProgress

在介绍axios的onDownloadProgress之前，先来了解一下axios是什么。

axios简介

axios是一个基于Promise的HTTP客户端，用于浏览器和node.js的基于Promise的HTTP客户端。它可以在浏览器中发送XMLHttpRequests请求，也可以在node.js中发送http请求。它支持请求拦截器、响应拦截器、取消请求、自动转换JSON数据等功能。

axios的版本

axios目前的最新版本是0.21.1。然而，onDownloadProgress属性在0.17.0版本中被引入，因此只要是0.17.0版本及以上的版本都有onDownloadProgress属性。

onDownloadProgress属性

axios的onDownloadProgress属性是一个回调函数，用于跟踪HTTP下载进度。它会在下载过程中周期性地触发，可以用来显示下载进度条等功能。

下面是一个使用axios的示例代码：

axios({
  method: 'get',
  url: '
  responseType: 'stream',
  onDownloadProgress: function(progressEvent) {
    // 可以在这里处理下载进度
    var percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
    console.log(percentCompleted + '%');
  }
})
  .then(function(response) {
    // 下载完成后的处理
    console.log('下载完成');
  })
  .catch(function(error) {
    // 下载失败后的处理
    console.log('下载失败');
  });

在上面的代码中，我们使用axios发送了一个get请求，请求的URL是'stream'，这样可以将响应的数据流传递给回调函数。

在onDownloadProgress回调函数中，我们可以通过progressEvent参数获取到下载进度。progressEvent.loaded表示已经下载的字节数，progressEvent.total表示总共要下载的字节数。通过这两个参数，我们可以计算出下载的百分比，并在控制台输出。

当下载完成后，会执行then回调函数，我们可以在其中对下载完成后的数据进行处理。如果下载失败，会执行catch回调函数，我们可以在其中对下载失败后的情况进行处理。

结语

通过使用axios的onDownloadProgress属性，我们可以方便地实现HTTP下载进度的跟踪和显示。它使得我们可以及时了解下载的进度，并进行相应的处理。不管是在浏览器中还是在node.js中，axios都是一个非常简单易用的HTTP客户端库，可以帮助我们更轻松地发送和处理HTTP请求。

饼状图

下面是一个使用mermaid语法中的pie来表示的饼状图。

pie
  title 饼状图示例
  "Apples" : 45
  "Bananas" : 25
  "Cherries" : 30

这个饼状图表示了三种水果的数量，Apples占45%，Bananas占25%，Cherries占30%。

类图

下面是一个使用mermaid语法中的classDiagram来表示的类图。

classDiagram
  class Animal {
    -name: String
    +getName(): String
  }
  class Dog {
    +bark(): void
  }
  class Cat {
    +meow(): void
  }
  Animal <|-- Dog
  Animal <|-- Cat

这个类图表示了Animal类，其中有一个私有属性name和一个公有方法getName。Dog类和Cat类都继承自Animal类，Dog类有一个公有方法bark，Cat类有一个公有方法meow。

以上是关于axios的onDownloadProgress属性的介绍，以及使用markdown语法和mermaid语法表示饼状图和类图的示例。希望对你有所帮助！