首页 > 其他分享 >axios_axios的进度显示

axios_axios的进度显示

时间:2023-10-04 23:11:35浏览次数:40  
标签:显示 axios 获取 lengthComputable 进度 progressEvent loaded

  • 在axios的配置中加入progressEvent
// 1.获取基本数据(随笔数据, 文章数据, 评论数据, 阅读量)
export const reqGetArticleBasicData = () => instance.get('/ajax/blogStats', {
  onDownloadProgress: function (progressEvent) {//axios封装的原生获取下载进度的事件,该回调参数progressEvent中包含下载文件的总进度以及当前进度
    if (progressEvent.lengthComputable) {
      //属性lengthComputable主要表明总共需要完成的工作量和已经完成的工作是否可以被测量
      //如果lengthComputable为false,就获取不到progressEvent.total和progressEvent.loaded
      downLoadProgress.value = progressEvent.loaded / progressEvent.total * 100 //实时获取最新下载进度
    }
  }
}).then(response => response.data
).catch(err => err)

标签:显示,axios,获取,lengthComputable,进度,progressEvent,loaded
From: https://www.cnblogs.com/isAyi/p/17742897.html

相关文章

  • 插上u盘显示格式化怎么办?U盘数据恢复可以这样做
    U盘以其体积小巧、存储容量大、读写速度快的特点,在各种工作和个人使用场合中得到了广泛应用,因此深得用户好评。然而,在日常使用U盘的过程中,经常会遇到一些问题和挑战。当我需要转移一些资料文件时,总是喜欢使用U盘,相信有很多朋友也是这样。但是在使用U盘的过程中,也会由于使用不当强制......
  • 04-共阳数码管的动态显示
    共阳数码管的动态显示代码如下:#include<REGX52.H>voidDisplay_Dynamic();unsignedcharmonth=1;voidDelay_ms(unsignedintxms){ unsignedinti,j; for(i=0;i<xms;i++){ for(j=0;j<299;j++); }}voidDelay(unsignedchart){ while(t--){ //......
  • 03-共阳极数码管的静态显示
    共阳数码管的静态显示由电路图可知此为共阳数码管#include<REGX52.H>unsignedintcodenum[16]={ 0xc0, //011000000 0xf9,//111111001abged为0 0xa4,//210100100 0xb0,//3 0x99,//4 0x92,//5 0x......
  • stata 18 显示r603 不能安装外部命令 主要是设置文件夹的读写权限
    1.stata18安装位置的ado文件夹中新建plus personal ......
  • RDP远程登录后全屏,本地的任务栏始终显示的问题解决
    文章目录问题解决参考问题RDP远程登录后全屏,本地的任务栏(TaskBar)始终在下面,遮住了远程桌面的最下面,进行了解决。解决BestsolutionhowtohidelocalTaskbarwhenRDPtoaremotedesktopLaunchTaskManagerRight-click“WindowsExplorer”Select“Restart”Itworkson......
  • 我们真的需要全天候显示吗?
    前言前几天看到一个视频博主关于全天候显示的解读,在这里,我想写一下关于我对iPhone上的全天候熄屏显示(AOD)的看法。我对他的看法经历了从“看不好”到“觉得它适合我”,再到“我好像不需要它”的过程。为了弄清楚我到底需不需要它,我写下了这篇随笔。并不是什么专业人士,欢迎友好的指......
  • linux 中实现将目录中的文件仅显示大小和文件名
     001、[root@pc1test]#ls##测试文件a.txtb.txt[root@pc1test]#ll-htotal110M-rw-r--r--.1rootroot10MOct122:13a.txt-rw-r--r--.1rootroot100MOct122:13b.txt[root@pc1test]#du-h*......
  • 视频汇聚/视频融合平台EasyCVR不显示告警图片的解决方法
    安防视频监控平台EasyCVR是一个具有强大拓展性、灵活的视频能力和轻便部署的平台。它支持多种主流标准协议,包括国标GB28181、RTSP/Onvif、RTMP等,还可以支持厂家的私有协议和SDK接入,例如海康Ehome、海大宇等设备的SDK。该平台不仅拥有传统安防视频监控的功能,还具备接入AI智能分析的......
  • 视频融合/视频监控平台EasyCVR显示CPU过载时的常规解决方法
    安防视频监控平台EasyCVR是一个具有强大拓展性、灵活的视频能力和轻便部署的平台。它支持多种主流标准协议,包括国标GB28181、RTSP/Onvif、RTMP等,还可以支持厂家的私有协议和SDK接入,例如海康Ehome、海大宇等设备的SDK。该平台不仅拥有传统安防视频监控的功能,还具备接入AI智能分析的......
  • dwm.exe是Windows操作系统中的一个进程,它是Desktop Window Manager的缩写,负责管理和渲
    dwm.exe是Windows操作系统中的一个进程,它是DesktopWindowManager的缩写,负责管理和渲染桌面以及窗口的显示效果。DesktopWindowManager(DWM)是WindowsVista及其之后版本引入的一个特性,它通过使用硬件加速来实现窗口的合成和渲染,提供了透明、窗口阴影、动画效果等视觉特效。它还......