HarmonyOS 5.0.0 或以上：实现文件选择后上传与远程接口交互（含进度展示）

HarmonyOS实现文件上传及进度展示

最新推荐文章于 2025-08-14 08:52:34 发布

原创

最新推荐文章于 2025-08-14 08:52:34 发布 · 223 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #交互 #华为

一、功能简介

本篇讲解如何在 HarmonyOS 中实现文件上传功能，结合文件选择器与 HTTP 上传接口，并展示实时上传进度。适用于用户头像上传、作业提交、资料备份等场景。

二、核心模块说明

模块	功能	技术实现
文件选择器	选择文件路径	`@ohos.file.picker`
文件读取	读取为 Buffer 数据	`fs.open + fs.read`
文件上传	Multipart 方式上传	`@ohos.net.http`
进度监听	实时展示进度条	`HttpRequest.upload.onProgress` 模拟展示（手动分段）

三、页面结构

entry/src/main/ets/pages/FileUploadDemo.ets

四、ArkTS 页面代码（FileUploadDemo.ets）

import filePicker from '@ohos.file.picker'
import fs from '@ohos.file.fs'
import http from '@ohos.net.http'
import util from '@ohos.util'

@Entry
@Compon