HarmonyOS 鸿蒙Next如何实现多选图片上传

楼主您好，可以参考如下案例，跟1楼回复的类似，主要分两步，一步是使用PhotoViewPicker实现图库文件选择，一步是将选择后的文件使用网络请求传到服务器（可以用二进制或者文件路径格式），网络请求可以使用RCP/Network Ki都可以

下面是之前实现的一段用RCP实现图片上传的示例代码demo，供参考：

function testRcpMultiPartUpload(uris: Array<string>): void {
  let file = fs.openSync(uris[0], fs.OpenMode.READ_ONLY)
  let stat = fs.statSync(file.fd)
  let buf = new ArrayBuffer(stat.size)
  let readLen = fs.readSync(file.fd, buf)
  console.info('readSync data to file succeed and buffer size is:' + readLen);
  let headers: rcp.RequestHeaders = { "content-type": 'multipart/form-data' };
  let session = rcp.createSession();
  let multiFormFieldValue = buildMultipartFormFieldValue(file.name, buf, 'image/jpeg');
  let multiForm = new rcp.MultipartForm({ file: [multiFormFieldValue] });
  let req = new rcp.Request('xxx url', "POST", headers, multiForm);
  session.fetch(req).then((response) => {
    promptAction.showToast({message: '上传成功'})
  }).catch(() => {
    console.log("请求失败:" + JSON.stringify(req))
  }).finally(() => {
    session.close();
  });
}

function buildMultipartFormFieldValue(file: string, pathOrContent: string | ArrayBuffer, contentType: string): rcp.MultipartFormFieldValue {
  let result: rcp.MultipartFormFieldValue = {
    remoteFileName: file,
    contentType: contentType,
    contentOrPath: { content: pathOrContent }
  }
  return result;
}

@Entry
@Component
struct Index {
  @State uris: Array<string> = []; // 全局变量保存图库选择的结果uri
  async getFileAssets() {
    const photoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
    const photoViewPicker = new photoAccessHelper.PhotoViewPicker();
    photoViewPicker.select(photoSelectOptions).then((photoSelectResult: photoAccessHelper.PhotoSelectResult) => {
      this.uris = photoSelectResult.photoUris;
    }).catch((err: BusinessError) => {
    })
  }
  build() {
    Row() {
      Column() {
        Text("点击选择图片").fontSize(50).fontWeight(FontWeight.Bold)
          .height("20%")
          .onClick(() => {
            this.getFileAssets()
          })
        Text("点击上传文件").fontSize(50).fontWeight(FontWeight.Bold)
          .height("20%")
          .onClick(() => {
            testRcpMultiPartUpload(this.uris)
          })
      }.width('100%')
    }.height('100%')
  }
}