HarmonyOS鸿蒙Next中在真机上上传图片上传失败的问题

背景知识：

楼主首先需要将你得错误的地方给出来，如日志，代码片段。这样大家都有方向对症找问题。上传文件大致如下示例代码

问题解决：

示例代码：

static async uploadFile(
        context: common.UIAbilityContext,
        filePath: string,
        uploadUrl: string
    ) {
        try {
            // 1. 读取文件
            const file = fileIo.openSync(filePath, fileIo.OpenMode.READ_ONLY);
            const stat = fileIo.statSync(filePath);
            const fileSize = stat.size;

            // 2. 创建 HTTP 请求
            const httpRequest = http.createHttp();

            // 3. 组装 form-data
            const formData: FormData = {
                // 文件字段名（和后端对应，一般是 file 或 upload）
                uri: `file://${filePath}`,
                name: 'file',
                fileName: filePath.split('/').pop(), // 文件名
                type: 'application/octet-stream',
                // 可加其他字段
                userId: "123456",
            };

            // 4. 发起上传
            const response = await httpRequest.request(uploadUrl, {
                method: http.RequestMethod.POST,
                connectTimeout: 60000,
                readTimeout: 60000,
                header: {
                    'Content-Type': 'multipart/form-data',
                },
                extraData: formData
            });

            // 5. 结果
            if (response.responseCode === 200) {
                console.info('上传成功:', response.result);
                return JSON.parse(response.result.toString());
            } else {
                console.error('上传失败 code:', response.responseCode);
                return null;
            }

        } catch (err) {
            const e = err as BusinessError;
            console.error('上传异常:', e.code, e.message);
            return null;
        }
    }


interface FormData {
    uri: string,
    name: string,
    fileName: string | undefined,
    type: string,
    userId: string,
}

下面是鸿蒙给出的 api 接口：

request.uploadFile多文件上传

上传功能实现

1. 导入需要的模块，示例中除去发起请求以及响应错误处理，还需用到CoreFileKit中的fileIo，需导入以下模块。

   import { rcp } from '@kit.RemoteCommunicationKit';
   import { BusinessError } from '@kit.BasicServicesKit';
   import { fileIo } from '@kit.CoreFileKit';
   

2. 定义Session配置，定义一个名为SESSION_CONFIG的对象，用于配置请求会话。配置包括传输超时和安全设置，如远程验证和TLS版本。

   let SESSION_CONFIG: rcp.SessionConfiguration = {
     requestConfiguration: {
       transfer: {
         timeout: {
           connectMs: 6000
         }
       },
       security: {
         remoteValidation: 'skip',
         tlsOptions: {
           tlsVersion: 'TlsV1.3'
         }
       }
     }
   };
   

3. 定义FdReadFile类，用于读取文件描述符（File Descriptor）指向的文件。read方法异步读取指定的ArrayBuffer缓冲区，并返回实际读取的字节数。

   class FdReadFile {
     readonly fd: number;
   
     constructor(fd: number) {
       this.fd = fd;
     }
   
     async read(buffer: ArrayBuffer): Promise<number> {
       return fileIo.read(this.fd, buffer);
     }
   }
   

4. 创建会话并打开文件，以只读模式打开一个文件。fileIo.openSync方法返回一个文件描述符，如果打开失败，程序会打印错误信息并返回。

   const session = rcp.createSession(SESSION_CONFIG);
   const file = fileIo.openSync('/data/storage/el1/bundle/entry_test/resources/resfile/upload_file.txt',
     fileIo.OpenMode.READ_ONLY);
   if (!file) {
     console.error('fileIo.openSync failed');
     return;
   }
   

5. 读取文件，创建一个FdReadFile实例，并分配一个缓冲区来读取文件。read方法异步执行，等待文件读取完成。

   const fdReadFile = new FdReadFile(file.fd);
   const buffer = new ArrayBuffer(1024 * 1024); // 假设文件大小为1MB
   await fdReadFile.read(buffer);
   

6. 上传文件，使用会话的uploadFromFile方法将文件上传到指定的URL。UploadFromFile构造函数接受一个文件描述符读取文件。上传成功或失败时，会分别打印相应的信息。

   session.uploadFromFile('https://httpbin.org/anything', new rcp.UploadFromFile(fdReadFile))
   .then((response: rcp.Response) => {
     console.info(`Upload succeeded: ${response}`)
   })
   .catch((err: BusinessError) => {
     console.error(`Upload failed: error code is ${err.code}, error data is ${err.data}`)
   });
   

7. 关闭文件和会话，释放资源。

   fileIo.closeSync(file.fd);
   session.close();