鸿蒙5.0开发【图片上传至服务器】

最新推荐文章于 2025-05-13 16:55:21 发布

原创

最新推荐文章于 2025-05-13 16:55:21 发布 · 1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #服务器 #华为 #鸿蒙 #鸿蒙系统 #openharmony #程序员

图片上传

鸿蒙开发中上传图片流程

1.选择相册中的图片

API version 9 [picker]api选择图片

API version 11 [photoAccessHelper]

2.拷贝图片到缓存目录中

[fs] api拷贝图片

3.图片上传

[request.uploadFile()] 实现上传

1.1 准备工作

1.将下面开发好的代码复制到自己的项目中，list中的数据可以换成自己喜欢的照片网络地址

import { fileIo } from '@kit.CoreFileKit'
import { photoAccessHelper } from '@kit.MediaLibraryKit';
import { promptAction } from '@kit.ArkUI';
import { BusinessError, request } from '@kit.BasicServicesKit';
import { util } from '@kit.ArkTS';
import { image } from '@kit.ImageKit';
import File from '@system.file';

@Entry
@Component
struct FileCopy {
  @State
  list: ResourceStr[] = [
    "https://img0.baidu.com/it/u=2373411163,3695295946&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500",
    "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202005%2F09%2F20200509082358_QC4tG.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1727233159&t=7505fc6da6991d423f9165a19aa1edf1",
    "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fci.xiaohongshu.com%2F37f5ca53-0526-7d31-e22c-af01d0336714%3FimageView2%2F2%2Fw%2F1080%2Fformat%2Fjpg&refer=http%3A%2F%2Fci.xiaohongshu.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1727233159&t=8897e9bb197bed85dfd091c7772ab98d",
    "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201908%2F15%2F20190815105853_4xB5V.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1727233159&t=97d2c31c5fae9e0da8dca20b0a5104c9",
    "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201811%2F06%2F20181106210452_kjljj.jpeg&refer=http%3A%2F%2Fb-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1727233159&t=9ded8a355b5964fee9fa1c833f9795cc",
    "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F201809%2F30%2F20180930235959_VCFPn.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1727233159&t=25320cd1095d6bd3c80800f3f71899b3",
    "https://gimg2.baidu.com