鸿蒙Next Api12中如何上传FormData数据

在鸿蒙Next Api12中，如何通过HTTP请求上传FormData数据？具体需要引入哪些模块，以及请求的代码示例是怎样的？比如要上传文件和其他表单字段时，应该如何正确构建和发送请求？求详细指导或示例代码。

2 回复

在鸿蒙Next Api12中，上传FormData数据可以这样玩：

  1. 使用fetch发起POST请求
  2. 设置Content-Type: multipart/form-data
  3. 构建FormData对象，添加字段和文件
  4. 发送请求，搞定！

示例代码：

let formData = new FormData();
formData.append('file', fileObj);
fetch(url, {
  method: 'POST',
  body: formData
});

记住，别把Content-Type手动设置，FormData会自动处理！

更多关于鸿蒙Next Api12中如何上传FormData数据的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在鸿蒙Next API 12中，可以使用@ohos.net.http模块的HttpRequest类上传FormData数据。以下是具体实现步骤：

1. 导入模块

import http from '@ohos.net.http';

2. 创建FormData数据

let formData = new http.FormData();
// 添加文本字段
formData.append('username', 'admin');
formData.append('password', '123456');

// 添加文件（需先获取文件对象）
// 假设fileObj是通过文件选择器获取的文件对象
formData.append('avatar', fileObj, 'avatar.jpg');

3. 发送POST请求

let httpRequest = http.createHttp();
let url = 'https://example.com/upload';

httpRequest.request(
  url,
  {
    method: http.RequestMethod.POST,
    header: {
      'Content-Type': 'multipart/form-data'
    },
    extraData: formData
  }, (err, data) => {
    if (!err) {
      console.log('Upload success:', data.result);
    } else {
      console.error('Upload failed:', err);
    }
  }
);

关键说明：

  1. FormData对象：通过new http.FormData()创建
  2. 添加数据：使用append()方法添加文本或文件
  3. 文件对象：需要通过@ohos.file.fs等文件接口获取
  4. 请求头：必须设置Content-Type: multipart/form-data
  5. 权限配置：在module.json5中配置网络权限：
{
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.INTERNET"
      }
    ]
  }
}

注意：实际文件上传需要先通过文件选择器或接口获取文件对象，这里仅演示核心流程。

回到顶部