HarmonyOS axios不回调下载进度

axios.request设置了onDownloadProgress但不回调。

HarmonyOS

zxjiu

2025-01-10 08:20:15

浏览

回答 1

按赞同

按时间

zbw_apple

示例参考：

import axios, { AxiosError, AxiosProgressEvent, AxiosResponse } from '@ohos/axios';
import fs from '@ohos.file.fs';
import { common } from '@kit.AbilityKit';
import { promptAction } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State message: string = 'Hello World';
  @State downloadProgress: number = 0

  build() {
    RelativeContainer() {
      AxiosDownloadProgress()
    }
    .height('100%')
    .width('100%')
  }
}

@Component
export struct AxiosDownloadProgress {
  @State context: common.UIAbilityContext = getContext(this) as common.UIAbilityContext
  @State total: number = 0
  @State loaded: number = 0

  build() {
    Row() {
      Button("清理下载数据").onClick(() => {
        try {
          fs.unlinkSync(`${this.context.cacheDir}/1.jpg`)
        } catch (e) {
          promptAction.showToast({
            message: "文件不存在"
          })
        }
        promptAction.showToast({
          message: "清理成功"
        })
      })

      Button("下载").onClick(() => {
        try {
          axios.request({
            url: 'xxxx',
            method: 'GET',
            onDownloadProgress: (progressEvent) => {
              progressEvent.total && (this.loaded = progressEvent.loaded / progressEvent.total * 100)
              console.log(this.loaded.toString())
              if (this.loaded === 100) {
                promptAction.showToast({
                  message: "下载完成"
                })
              }
            },
            filePath: this.context.cacheDir + '/1.jpg'
          });
        } catch (e) {
          console.log(e)
        }
      })
      Progress({ value: this.loaded, total: 100, type: ProgressType.Ring })
    }
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.