当前位置：首页 > news >正文

HarmonyOS：基于axios实现文件的下载以及下载进度的监听

news 来源：原创 2025/7/21 9:36:40

#前言：项目开发中，避免不了实现文件下载功能，其他平台的下载都很成熟，网上的例子也比较多，我就自己项目中实现的下载功能做个总结，你可以参考我的写法实现功能。
下载封装基于axios实现的下载功能。

1.下载文件url：xxx

2.文件操作封装类：FileUtil ，是桃花源长老的文件封装库，第三方库，各种工具类很多，很方便

3.下载方法：dowLoadFileCallBack

4.下载封装：axiosClient.downLoadFil

简单的介绍，详细的下载步骤如下：

//下载方法，开始下载

startDownLoadFileTask(){//下载文件路径let testUrl ='xxx'if (FileUtil.accessSync(this.fileSavePath)&&this.downLoadFile.fileDownLoadStatus =='3') {WinLog.info('文件存在,不用下载直接打开')this.previewFileMethod();return;}//先删除旧的未下载完毕的文件if (FileUtil.accessSync(this.fileSavePath)) {FileUtil.unlinkSync(this.fileSavePath);}HttpRequest.dowLoadFileCallBack(testUrl,this.fileSavePath,({onResult:(downLoadInfo:WinDownloadFileModel)=>{//下载状态值，主要是用来区分图片的展示状态this.downStatusName = 'ic_downing_status';if (this.progress==100) {this.downStatusName = 'ic_play_status';}if (downLoadInfo.fileDownLoadStatus=='3') {downLoadInfo.fileUrl = this.downLoadFile.fileUrl;this.downLoadFile.fileDownLoadStatus = '3';//更新本地数据库状态BaseDownFileQueryManager.updateDownFileTableData(downLoadInfo);}//下载进度条的值显示this.progress = downLoadInfo.fileDownProgress;//计算下载的文件大小this.fileSize = `文件大小:${FileUtil.getFormatFileSize(downLoadInfo.fileLength)}`}}),({onError:(error:string)=>{this.downStatusName = 'ic_needdown_status';WinLog.error('下载文件报错:'+ error);this.downLoadFile.fileDownLoadStatus = '2';}}))}

HttpRequest类，下载的方法

文件下载方法
@param url下载地址
@param filePath文件路径
@param successCallBack成功回调
@param failureCallBack
*/

static dowLoadFileCallBack(url:string,filePath:string,successCallBack?:DownLoadCallback,failureCallBack?:DownLoadErrorCallback){const commonHeader: AxiosHeaders = new AxiosHeaders()commonHeader.set('Accept-Language', i18n.System.getSystemLanguage())commonHeader.set('User-Agent', commonUtils.getUserAgent())commonHeader.set('Content-Type', 'application/x-www-form-urlencoded')axiosClient.downLoadFile(filePath,{url: url,headers: commonHeader,showLoading: false,},successCallBack,failureCallBack);}
}
//自定义封装的回调类
export interface DownLoadCallback {/*** 下载回调* @param popInfo*/onResult?: (downLoadingInfo: WinDownloadFileModel) => void;
}
export interface DownLoadErrorCallback {onError?: (error: string) => void;
}

文件下载的具体实现方法，主要是基于axios的文件下载方法，进行了二次封装，适用于自己的项目下载，你也可以参看我的方法，改成适合你的项目用法，都是很简单的，我这个只是单文件的下载，还没进行多文件同时下载，多文件下载需要进行线程控制，以及队列控制。

/** 文件下载* **/downLoadFile(filePath:string,config?: HttpRequestConfig,successCallBack?:DownLoadCallback,failureCallBack?:DownLoadErrorCallback){axios({url: config?.url,method: 'get',context: getContext(this),filePath: filePath ,onDownloadProgress: (progressEvent: AxiosProgressEvent): void => {//下载回掉，状态设置，以及进度的回调let downProgressModel = new WinDownloadFileModel();if (progressEvent.total&&progressEvent.total>0) {downProgressModel.fileDownLoadStatus = '2';downProgressModel.fileDownProgress = NumberUtil.toFloat((progressEvent.loaded / progressEvent.total * 100).toFixed(2).toString());downProgressModel.fileLength = progressEvent.total;if (successCallBack&&successCallBack.onResult) {successCallBack.onResult(downProgressModel);}}else {downProgressModel.fileDownLoadStatus = '1';downProgressModel.fileDownProgress = 0if (successCallBack&&successCallBack.onResult) {successCallBack.onResult(downProgressModel);}}}}).then((res: AxiosResponse<string>) => {//下载完毕的回调winLog.info('down load finish:'+ JSON.stringify(res));let downProgressModel = new WinDownloadFileModel();downProgressModel.fileDownLoadStatus = '3';downProgressModel.fileDownProgress = 100;//计算下载文件的大小let fileSize = FileUtil.getFileDirSize(filePath);downProgressModel.fileLength = fileSize;if (successCallBack&&successCallBack.onResult) {successCallBack.onResult(downProgressModel);}    }).catch((error: AxiosError) =>{//下载失败的回调if (failureCallBack&&failureCallBack.onError) {failureCallBack.onError(error.message);}})}

这些代码就可以实现单文件的下载，以及进度条的展示，以及下载状态的更新。有什么疑问可以随时询问，感谢mark。

HarmonyOS：基于axios实现文件的下载以及下载进度的监听

#前言：项目开发中，避免不了实现文件下载功能，其他平台的下载都很成熟，网上的例子也比较多，我就自己项目中实现的下载功能做个总结，你可以参考我的写法实现功能。下载封装基于axios实现的下载功能。 1.下载…...

编程日记 2025/7/21 9:36:40

应用服务接口第二次请求一直pending问题

目录一、问题背景二、问题排查过程三、解决方案四、总结一、问题背景升级内容发布到灰度环境，验证相关服务，查看接口调用日志，发现第一次请求正常，第二次相同接口请求就一直pending，其他服务也是如此二、问题排查…...

编程日记 2025/7/20 20:58:58

外设的中断控制

如ADC、SPI、I2C、TIM等使用STM32 HAL库时的中断函数调用方式和UART非常类似，都有底层直接使能中断和上层库函数管理两种方式。下面详细说明几种典型外设： 一、ADC外设 （1）直接使能中断（底层控制）&#xf…...

编程日记 2025/7/15 15:49:37

云资源开发学习应用场景指南，场景 1 云上编程实践平台

云资源开发学习应用场景指南云资源开发学习应用场景指南，场景 2：云桌面实验室云资源开发学习应用场景指南，场景 3：云资源支持的项目实践场景 1：云上编程实践平台《如何在云平台上搭建你的第一个编程实践环境》…...

编程日记 2025/7/19 5:35:48

C++中使用CopyFromRecordset将记录集拷贝到excel中时，如果记录集为0个，函数崩溃，是什么原因

文章目录原因分析解决方案1. 检查记录集是否为空2. 安全调用COM方法3.进行异常捕获4. 替代方案：手动处理空数据总结在C中使用CopyFromRecordset将空记录集（0条记录）复制到Excel时崩溃的原因及解决方法如下： 原因分析空记录集…...

编程日记 2025/7/21 7:55:44

第四届能源、电力与电气国际学术会议（ICEPET 2025）

重要信息地点：中国-成都官网：www.icepet.net（了解参会投稿等信息） 时间：2025年4月25-27日简介第四届能源、电力与电气会（ICEPET 2025定于2025年4月25-27日在中国成都举办。本次将围绕能源、电力及…...

编程日记 2025/7/19 22:22:15

【IDEA的个性化配置】

目录： 一：隐藏项目路径二：禁用斜体注释三：重新Maven构建未完待续... 一：隐藏项目路径 😊在IDEA左侧的Project目录中，项目名称后面显示了项目的文件路径地址，如果不喜欢可以隐藏&…...

编程日记 2025/7/15 7:53:35

分享最近前端面试遇到的一些问题

前情提要（分享个人情况，可以直接跳过） 先说一下我的个人情况，我是2026届的，目前是在找前端实习。 3月初，从3月3日开始在Boss上投简历。分享我的个人故事，不想看可以直接滑到下面，…...

编程日记 2025/7/18 10:04:42

SSH免密登录服务器方法

Window免密连接Linux系统生成公匙 ssh-keygen -t rsa一路回车生成公钥复制公匙，使用记事本打开复制全部内容 notepad C:\Users\DELL\.ssh\id_rsa.pub内容如"ssh-rsa AAAAB3NzaC1yc2EAAAA…" 远程登录服务器将内容写入~/.ssh/authorized_keys echo …...

编程日记 2025/7/17 9:46:21

3.26前端模拟面试

包含 Vue 3、TypeScript、性能优化、工程化等方面，偏八股文。基础知识 Vue 3 响应式原理：Vue 3 如何实现响应式系统？Proxy 和 Reflect 的作用是什么？ TypeScript 类型体操：实现一个 TypeScript 类型 DeepPartial&am…...

编程日记 2025/7/16 21:49:46

23种设计模式-备忘录(Memento)设计模式

备忘录设计模式 🚩什么是备忘录设计模式？🚩备忘录设计模式的特点🚩备忘录设计模式的结构🚩备忘录设计模式的优缺点🚩备忘录设计模式的Java实现🚩代码总结🚩总结 🚩什么是…...

编程日记 2025/7/21 9:30:04

六十天Linux从0到项目搭建（第八天）（缓冲区、gitee提交）

一缓冲区，C中有很多字符a. 可显字符 b.控制字符在 C 语言中，字符可以分为可显字符（Printable Characters） 和控制字符（Control Characters），它们通常存储在缓冲区（Buffer&…...

编程日记 2025/7/20 13:00:33

QOpenGLWidget视频画面上绘制矩形框

一、QPainter绘制在QOpenGLWidget中可以绘制，并且和OpenGL的内容叠在一起。paintGL里面绘制完视频后，解锁资源，再用QPainter绘制矩形框。这种方式灵活性最好。 void VideoGLWidget::paintGL() {glClear(GL_COLOR_BUFFER_BIT);m_program.bind();//绘制视频数据// 解绑VAOg…...

编程日记 2025/7/18 14:35:51

vue3 ts 封装axios,配置axios前置拦截器，让所有axios请求携带token

vue3 ts 封装axios,配置axios前置拦截器，让所有axios请求携带token http.tsapp.tsvue文件 http.ts import axios from axios // 引入axios import router from /router import Qs from qs import { ElMessage } from element-plusconst { prefixBasePath } requir…...

编程日记 2025/7/15 1:30:02

前端使用WPS WebOffice 做在线文档预览与编辑

先附上官网 WebOffice SDK 1、在下面这个地方找到jdk，然后下载按照 2、只需要把jdk下载下来，放到项目中，然后引入到项目中就可以了，在wps 官网创建个应用，然后把appId放到代码中就可以了，等待后端把回调…...

编程日记 2025/7/17 0:00:42

在 CentOS 系统中开机自动执行 Shell 脚本

在 CentOS 系统中，可以通过以下方法设置开机自动执行 Shell 脚本。推荐使用 systemd 服务（现代 Linux 系统的标准方式），也可以使用传统的 /etc/rc.local 方法。方法 1：使用 Systemd 服务（推荐）…...

编程日记 2025/7/17 13:58:51

kotlin知识体系(四) : inline、noinline、crossinline 关键字对应编译后的代码是怎样的 ?

1. inline、noinline、crossinline 的作用在 Kotlin 里，inline、noinline 和 crossinline 这几个关键字和高阶函数紧密相关，它们能够对高阶函数的行为进行优化和控制。本文接下来会详细介绍它们的作用和原理。 1.1 inline 关键字 inline 关键字用于修…...

编程日记 2025/7/18 23:05:50

Python电影市场特征：AR模型时间序列趋势预测、热图可视化评分影响分析IMDb数据|附数据代码

原文链接：https://tecdat.cn/?p41214 分析师：Zhiheng Lin 在数字时代，电影产业的数据分析已成为洞察市场趋势与用户偏好的重要工具。本专题合集聚焦印度电影市场，通过IMDb数据集（IMDb Movies Dataset）的深…...

编程日记 2025/7/15 22:33:58

【后端】【Django DRF】从零实现RBAC 权限管理系统

Django DRF 实现 RBAC 权限管理系统在 Web 应用中，权限管理是一个核心功能，尤其是在多用户系统中，需要精细化控制不同用户的访问权限。本文介绍如何使用 Django DRF 设计并实现 RBAC（基于角色的访问控制）系统&…...

编程日记 2025/7/16 20:14:27

使用docker部署springboot、Vue分离项目，部署到主路径

这几天写了一个小的应用，牵涉到了使用docker部署问题，中间遇到了一些小问题，此处记录下，为以后遇到类似的问题提供一些解决思路。 1、准备使用的镜像：mysql、redis、nginx、jdk。镜像地址： docker pull s…...

编程日记 2025/7/17 15:53:58

大疆上云api直播功能如何实现

概述流媒体服务器作为直播画面的中转站，它接收推流端的相机画面，同时拉流端找它获取相机的画面。整个流程如下：在流媒体服务器上创建流媒体应用（app），一个流媒体服务器上面可以创建多个流媒体应用约定推拉流的地址。假设流媒体服务器工作在1935端口上面，假设创建的流…...

编程日记 2025/7/15 15:40:25

服务器数据恢复—Raid5热备盘同步中断的数据恢复案例

服务器数据恢复环境： 某公司一台存储上有一组由15块硬盘组建的raid5阵列。raid5阵列上层是一个xfs裸分区，起始位置是0扇区。服务器故障： raid5阵列中有一块硬盘出现故障掉线，热备盘自动上线同步数据，数据同步还没有完…...

编程日记 2025/7/15 19:14:56

FFmpeg开发学习：AVFormatContext结构体

1.AvFormatContext结构体是ffmpeg中用于处理多媒体文件的核心结构体之一，属于libavformat模块，主要负责描述一个多媒体文件或流的封装格式，用来打开，读取，写入，操作媒体文件（如.MP4 .mkv .flv…...

编程日记 2025/7/20 14:17:29

Ceph集群2025（Squid版）导出高可用NFS集群(上集)

#创建一个CephFS 文件系统 ceph fs volume create cephfs02#创建子卷 ceph fs subvolumegroup create cephfs02 myfsg2#查看子卷 ceph fs subvolumegroup ls cephfs02[{"name": "myfsg2"} ]创建 NFS Ganesha 集群 #例子 $ ceph nfs cluster create <c…...

编程日记 2025/7/16 21:34:38

Python----计算机视觉处理（Opencv：图像边缘检测：非极大值抑制，双阈值筛选)

一、高斯滤波边缘检测本身属于锐化操作，对噪点比较敏感，所以需要进行平滑处理。这里使用的是一个5*5的高斯核对图像进行消除噪声。二、计算图像的梯度和方向三、非极大值抑制在得到每个边缘的方向之后，其实把它们连起来边缘检测就算完了…...

编程日记 2025/7/10 4:56:05

超微服务器主板重置ipmi登录密码

超微服务器主板重置ipmi登录密码超微服务器的ipmi登录密码不对，需要重置但是bios内并没有找到可以设置的选项。以下是解决办法： 安装IPMITOOL apt install ipmitool -y执行以下命令加载模块： modprobe ipmi_watchdog modprobe ipmi_po…...

编程日记 2025/7/18 11:21:04

【react18】react项目使用mock模拟后台接口

前后端分离项目，后端还没有接口的时候，前端可以使用mockjs的技术实行假数据的模拟。这里使用的是mock的库msw实现这个业务. MSW msw是mock的工具，官网地址是在这里使用步骤 1.安装msw npm install mswlatest --save-dev2.新建存放mock接…...

编程日记 2025/7/20 10:01:53

阿里云国际站代理商：如何通过Serverless调用GPU资源？

1.采用支持GPU资源的Serverless系统选择支持GPU资源的Serverless系统，如Dilu系统，它通过内省弹性（introspectiveelasticity）机制，提供细粒度和自适应的二维协同扩展机制，支持GPU资源按需分配。 2.系统…...

编程日记 2025/7/17 12:58:27

CI/CD(三) 安装nfs并指定k8s默认storageClass

一、NFS 服务端安装（主节点 10.60.0.20） 1. 安装 NFS 服务端 sudo apt update sudo apt install -y nfs-kernel-server 2. 创建共享目录并配置权限 sudo mkdir -p /data/k8s sudo chown nobody:nogroup /data/k8s # 允许匿名访问 sudo chmod 777 /dat…...

编程日记 2025/7/18 7:38:56

Ae 效果详解：音频波形

Ae菜单：效果/生成/音频波形 Generate/Audio Waveform 音频波形 Audio Waveform效果可以可视化音频信号，能以多种方式显示音频波形，包括沿开放或闭合的蒙版路径显示。本效果适用于所有色深模式（8-bpc、16-bpc、32-bpc）…...

编程日记 2025/7/19 1:10:09

S7-1200对V90 PN进行位置控制的三种方法

S7-1200系列PLC通过PROFINET与V90 PN伺服驱动器搭配进行位置控制，实现的方法主要有以下三种： ? 方法一、在PLC中组态位置轴工艺对象，V90使用标准报文3，通过MC_Power、MC_MoveAbsolute等PLC Open标准程序块进行控制, 这种控制方式属于中央控制方式（位置控制在PLC中计算，驱…...

编程日记 2025/7/16 5:25:27

定制表单排序，react, sort

概要在实际开发中，我们常常碰到，一个页面根据条件不同，其展示的表单项需要动态改变位置；但是又不想写重复代码；可以试一下以下方法； 效果使用的技术 HtmlReact,useMemoES6的扩展运算代码 import Re…...

编程日记 2025/7/14 1:25:12

Vue3中keep-alive缓存组件应用场景。

文章目录一、KeepAlive是什么？二、基本使用1.例子2.keep-alive使用三、其他属性3.1 包含/排除3.2 最大缓存实例数3.3 缓存实例的生命周期总结一、KeepAlive是什么？ 是一个内置组件，它的功能是在多个组件间动态切换时缓存被移除的组件实例…...

编程日记 2025/7/16 23:09:20

测试用例`

1.什么是测试用例测试⽤例（Test Case）是为了实施测试⽽向被测试的系统提供的⼀组集合，这组集合包含：测试环境、操作步骤、测试数据、预期结果等要素. 2.测试用例的万能公式(重点) 设计测试⽤例的万能公式： 功能测试界…...

编程日记 2025/7/19 15:10:26

React 中的错误边界（Error Boundaries），如何使用它们捕获组件错误

大白话React 中的错误边界（Error Boundaries），如何使用它们捕获组件错误在 React 里，错误边界就像是一个“小卫士”，专门负责在组件出现错误时挺身而出，避免整个应用因为一个小错误就崩溃掉。接下来我会详…...

编程日记 2025/7/21 8:34:58

往期项目shader着色器实践效果应用合集

1、管路混色 2、水管水流效果 3、水管流入到流完效果 4、加热冷却两色混色示意 XX、毒蘑菇测试效果...

编程日记 2025/6/28 4:52:58

go-zero: sqlx 对timestamp 格式数据问题

1.问题背景对于goctl自动生成的model代码文件，对于非null的时间数据列，一定会产生如下问题 deleted_at\": unsupported Scan, storing driver.Value type \u003cnil\u003e into type *time.Time" 例如以上的问题，不论是插入还…...

编程日记 2025/7/15 14:14:41

systemd-networkd 的 *.network 配置文件详解笔记250323

systemd-networkd 的 *.network 配置文件详解笔记250323 查看官方文档可以用 man systemd.network命令, 或访问: https://www.freedesktop.org/software/systemd/man/latest/systemd.network.html 名称 systemd.network — 网络配置概要 network.network 描述一个纯…...

编程日记 2025/7/19 8:22:49

Axure项目实战：智慧城市APP（四）医疗信息（动态面板、选中交互应用）

亲爱的小伙伴，在您浏览之前，烦请关注一下，在此深表感谢！ 课程主题：智慧城市APP医疗信息模块主要内容：医疗信息模块原型设计与交互应用场景：医疗信息行业案例展示： 案例视频&…...

编程日记 2025/7/17 4:53:34

机器学习正则化技术：Ridge、Lasso与ElasticNet全解析

机器学习中的正则化技术在机器学习中，正则化技术（如 Ridge 和 Lasso）主要用于解决过拟合问题，通过限制模型复杂度提高泛化能力。以下是详细说明及实例代码： 一、正则化解决的问题过拟合：模型在训练集表…...

编程日记 2025/7/14 16:24:43

【汽车传感系统架构：借助传感获取安全】

为了将车辆自动化提升到一个新的水平，设计人员研究了 LiDAR 等传感器选项的权衡，并着眼于传感系统架构。本文引用地址：https://www.eepw.com.cn/article/202503/468584.htm 每年，约有 120 万人死于道路交通事故，还有…...

编程日记 2025/7/20 6:18:58

3.25-2request库

request库一、介绍request库 （1）requests是用python语言编写的简单易用的http库，用来做接口测试的库； （2）接口测试自动化库有哪些？ requests、urllib 、urllib2、urllib3、 httplib 等&…...

编程日记 2025/7/17 14:46:18

LangChain4j（1）：初识LangChain4j

1 什么是LangChain和LangChain4j LangChain是一个大模型的开发框架，使用LangChain框架，程序员可以更好的利用大模型的能力，大大提高编程效率。如果你是一个lava程序员，那么对LangChain最简单直观的理解就是，LangChain…...

编程日记 2025/7/16 23:54:47

UMI-OCR Docker 部署

额外补充 Docker 0.前置条件部署前，请检查主机的CPU是否具有AVX指令集 lscpu | grep avx 输出如下即可继续部署 Flags: ... avx ... avx2 ... 1.下载dockerfile wget https://raw.githubusercontent.com/hiroi-sora/Umi-OCR_runtime_linux/main/Do…...

编程日记 2025/7/19 5:07:22

python每日十题(9)

外存储器的容量一般都比较大，而且大部分可以移动，便于在不同计算机之间进行信息交流。外存储器中数据被读入内存储器后，才能被CPU读取，CPU不能直接访问外存储器。本题答案为A选项。进程是指一个具有一定独立功能的程序关于某个数…...

编程日记 2025/7/16 15:58:37

Jenkins最新版，配置Gitee私人令牌和Gitee凭证

jenkins 配置Gitee私人令牌和凭证 jenkins 版本：Jenkins 2.492.2 Gitee配置 Jenkins配置gitee插件，需要先申请gitee私钥。安装gitee插件申请Gitee私人令牌，后面还需要添加凭证。测试链接，并保存配置凭证...

编程日记 2025/7/18 9:28:11

AI 生成内容（AIGC）：从文本到视频的完整流程

近年来，AI 生成内容（AIGC, AI-Generated Content） 迅速发展，从文本、图片到音频、视频，AI 在创意内容生成方面展现出了惊人的能力。AIGC 不仅提升了内容创作效率，还降低了成本，使得普通用户也能…...

编程日记 2025/7/20 5:19:27

【漏洞复现】Apache Tomcat partial PUT文件上传反序列化漏洞复现（CVE-2025-24813）

❤️博客主页： iknow181 🔥系列专栏： 网络安全、 Python、JavaSE、JavaWeb、CCNP 🎉欢迎大家点赞👍收藏⭐评论✍ 0x00 免责声明本文所述漏洞复现方法仅供安全研究及授权测试使用；任何个人/组织须在合法合规…...

编程日记 2025/7/16 12:38:54

Spring JDBC Template与事务管理：基于XML与注解的实战指南

摘要本文深入解析Spring JDBC Template与事务管理的核心技术，结合XML配置与注解方式两种主流方案，通过转账案例完整演示数据库操作与事务管理的最佳实践。文章涵盖JDBC Template的核心用法、事务配置语法、常见问题及性能优化建议，帮助开发…...

编程日记 2025/7/17 18:58:16

自动化测试selenium(Java版)

1.准备工作 1.1.下载浏览器自动化测试首先我们要准备一个浏览器,我们这里使用谷歌(chrome)浏览器. 1.2.安装驱动管理每一个浏览器都是靠浏览器驱动程序来启动,但是浏览器的版本更新非常快,可能我们今天测试的是一个版本,第二天发布了一个新的版本,那么我们就要重构代码,很…...

编程日记 2025/7/16 21:03:52

HttpRequest类，下载的方法

相关文章：