HarmonyOS 鸿蒙Next上传文件(以图片上传为例)

HarmonyOS 鸿蒙Next上传文件(以图片上传为例) https://blog.csdn.net/qq_57952018/article/details/135404175

1 回复

更多关于HarmonyOS 鸿蒙Next上传文件(以图片上传为例)的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS(鸿蒙Next)中,上传文件(如图片)可以通过使用@ohos.request模块中的uploadFile方法实现。以下是一个简单的示例代码:

import upload from '@ohos.request';

async function uploadImage() {
    const url = 'https://example.com/upload'; // 替换为实际的上传地址
    const filePath = 'path/to/your/image.jpg'; // 替换为实际的图片路径

    const uploadTask = upload.uploadFile({
        url: url,
        files: [
            {
                name: 'file', // 文件字段名
                filename: 'image.jpg', // 文件名
                uri: filePath // 文件路径
            }
        ],
        headers: {
            'Content-Type': 'multipart/form-data'
        }
    });

    uploadTask.on('progress', (progress) => {
        console.log(`上传进度: ${progress.percent}%`);
    });

    uploadTask.on('success', (response) => {
        console.log('上传成功:', response.data);
    });

    uploadTask.on('fail', (error) => {
        console.error('上传失败:', error);
    });

    await uploadTask.start();
}

uploadImage();

在这个示例中,uploadFile方法用于上传文件,url指定了上传的目标地址,files数组中包含了要上传的文件信息。headers用于设置请求头,确保使用multipart/form-data格式上传文件。uploadTask对象提供了progresssuccessfail事件来监听上传进度和结果。

回到顶部