HarmonyOS 如何上传本地图片

使用axios网络框架，如何上传本地图片？本地图片地址file://media/Photo/3/***.jpg已经获取，想用FormDatas设置一下，是否需要根据url先创建一个file对象？还是转换成一个地址？直接用file://地址，报错ERR_BAD_OPTION_VALUE，the parameters check fails Parse config files error

期待结果：希望能够正常上传本地图片，接口可以访问通过。

let formData = new FormData()
formData.append('file', 'file://media/Photo/3/***.jpgt');

// 发送请求
axios.post<string, axiosResponse<string>, FormData>('http//*****' formData, {
  //  headers: { 'Content-Type': 'multipart/form-data' },
  context: getContext(this),
  onUploadProgress: (progressEvent: axiosProgressEvent): void => {

  },
}).then((res: axiosResponse<string>) => {

}).catch((err: axiosError) => {
  BAD_OPTION_VALUE，the parameters check fails   Parse config files error
})

HarmonyOS

aquaa

7天前

浏览

回答 1

待解决

回答 1

按赞同

按时间

Heiang

axios上传类型支持uri和ArrayBuffer ，下面demo中value是拿到的URI,header请求头也设置一下，放开注释：

// 转化为internal://cache
fs.open(value, fs.OpenMode.READ_ONLY).then((file) => { // READ_ONLY READ_WRITE
  let newPath = this.context.cacheDir + `/test.png`;
  fs.copyFile(file.fd, newPath).then(() => {
    console.info("applog:copy file succeed");
    let realUri = "internal://cache/"+newPath.split("cache/")[1];
    console.log('realUri'+JSON.stringify(realUri))
  }).catch((err:BusinessError) => {
    console.info("applog:copy file failed with error message: " + err.message + ", error code: " + err.code);
  });
}).catch((err:BusinessError) => {
  console.info("applog:open file failed with error message: " + err.message + ", error code: " + err.code);
})

// 转化为Arraybuffer
let file = fs.openSync(value, fs.OpenMode.READ_ONLY)
const imageSource = image.createImageSource(file.fd);
fs.closeSync(file)
const imagePackApi = image.createImagePacker()
let packOpts: image.PackingOption = { format: "image/png", quality: 100 }
imagePackApi.packing(imageSource, packOpts)
  .then(readBuffer => {
    let bufferArr = new Uint8Array(readBuffer);
    let help =new util.Base64Helper()
    let base64 = help.encodeToStringSync(bufferArr)
    console.log('base64'+JSON.stringify(base64))
    console.log('bufferArr'+JSON.stringify(bufferArr))
  }).catch((err:BusinessError) => {
  console.error('PhotoViewPicker.select failed with err: ' + err);
})

7天前

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS 如何上传本地图片

订阅鸿蒙技术特刊，精选内容抢先看