HarmonyOS鸿蒙Next中HTTP上传图片失败如何解决

【问题现象】

网络请求使用request.uploadFile方法上传图片时，上传失败后台没有收到图片。

图片的地址是/data/app/el2/100/base/com.xxxx/haps/entry/cache/1.jpg，后台接口报错提示The current request is not a multipart request。

【背景知识】

UploadConfig的File属性：文件的本地存储路径。

仅支持"internal"协议类型，仅支持"internal://cache/"，即调用方（即传入的context）对应的缓存路径context.cacheDir。示例：internal://cache/path/to/file.txt。

【定位思路】

1. 检查request.UploadConfig参数设置是否正确，本地发送是否成功；
2. 检查服务器日志，是否收到请求，文件接收方式是否正确。

问题代码如下：

static uploadImage (context : Context, uri : string)
{
  let uploadConfig: request.UploadConfig = {
    url: 'http://xxx', // 服务器地址
    header: {
      'Content-Type': 'multipart/form-data',
    },
    method: 'POST',
    files: [{
      filename: "1",
      name: "1",
      uri: "1.jpg",
      type: "jpg"
    }],
    data: [],
  };
  console.info(`upload uploadConfig 1 : ` + uploadConfig.files.toString());
  request.uploadFile(context, uploadConfig)
    .then((data: request.UploadTask) => {
      const uploadTask = data;
      console.info(`upload complete taskState 1 : ${JSON.stringify(data[0])}`);
      let headerCallback = (headers: object) => {
        console.info(`upOnHeader headres: ` + JSON.stringify(headerCallback));
      };
      uploadTask.on('headerReceive', headerCallback);
    }).catch((err: BusinessError) => {
    console.error(`Failed to request the upload. Code: ${err.code}, message: ${err.message}`);
  })
}

【解决方案】

file路径配置不正确，"internal"协议类型应该基于haps/entry目录开始写后面的相对路径，比如internal://cache/xxx.txt。

let uploadConfig: request.UploadConfig = {
  .....
  files: [{
    filename: "1",
    name: "1",
    uri: "internal://cache/1.jpg",
    type: "jpg"
  }],
  data: [],
};

【总结】

对于文件上传，需要同时保证客户端调用方式的正确和服务端接口的正常，特别需要关注UploadConfig的files属性，需要注意传入的文件路径。

仅支持"internal"协议类型，仅支持"internal://cache/"，即调用方（即传入的context）对应的缓存路径context.cacheDir。