axios自帶的上傳進度回撥函式

明月松江發表於2020-12-15
iOS函式

在選用antd上傳元件上傳的時候，需要顯示上傳的進度。
upload元件是自帶上傳特效的，但是這個效果不能代表實際的上傳進度，所以還是得獲取實時的上傳進度。
所幸的是axios自帶這樣的回撥函式，即onUploadProgress，引數p代表progress事件物件。

import axios from 'axios'
axios.post(url, {
  onUploadProgress(p){ 
    console.log(100 * (p.loaded / p.total))
  }
})

其中100 * (p.loaded / p.total)就代表當前的上傳進度百分比。

相關文章