鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

视频课免费课排行榜短视频直播课软考学堂

全部课程软考华为认证厂商认证 IT技术 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS web如何拉起图库选择器

HarmonyOS

2024-12-25 14:10:38

787浏览

赞

收藏 0

回答 1

回答 1

按赞同

/

按时间

import { webview } from '@kit.ArkWeb';
import { picker } from '@kit.CoreFileKit';
import { photoAccessHelper } from '@kit.MediaLibraryKit';

@Entry
@Component
export struct WebComponent {
  controller: webview.WebviewController = new webview.WebviewController()

  async selectFile(result: FileSelectorResult): Promise<void> {
    let photoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
    let photoPicker = new photoAccessHelper.PhotoViewPicker();
    // 过滤选择媒体文件类型为IMAGE
    photoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_VIDEO_TYPE;
    // 设置最大选择数量
    photoSelectOptions.maxSelectNumber = 5;
    let chooseFile: picker.PhotoSelectResult = await photoPicker.select(photoSelectOptions);
    // 获取选择的文件列表
    result.handleFileList(chooseFile.photoUris);
  }

  build() {
    Column() {
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .onShowFileSelector((event) => {
          if (event) {
            this.selectFile(event.result);
          }
          return true;
        })
    }
  }
}


<!DOCTYPE html>
  <html>
  <head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8">
  </head>
  <body>
  <form id="upload-form" enctype="multipart/form-data">
  <input type="file" id="upload" name="upload"/>
  </form>
  </body>
  </html>
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.

回复

2024-12-25 17:29:30

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

发布

相关问题

HarmonyOS 图库选择器

796浏览 • 1回复待解决

HarmonyOS onShowFileSelector拉起文件选择器后点击图库没有反应

873浏览 • 1回复待解决

HarmonyOS 本地图库选择器并编辑图片

722浏览 • 1回复待解决

图库Picker:保存图片或者视屏目前是不是不能拉起图库选择器那个画面进行保存啊

2497浏览 • 1回复待解决

HarmonyOS 有个选择图库图片的需求，但是在调用图库选择器的api后，跳转到图库选择器里面编辑图片，会在图库里提示‘已选素材数量达上限’，请问这个是什么原因造成的？

669浏览 • 1回复待解决

HarmonyOS 图片选择器怎么实现

838浏览 • 1回复待解决

HarmonyOS 有状态选择器吗

712浏览 • 1回复待解决

HarmonyOS 如何自定义时间选择器

800浏览 • 1回复待解决

TimePicker如何设置时间选择器的范围？

7787浏览 • 1回复待解决

HarmonyOS 日期/日历/时间选择器开发

1625浏览 • 1回复待解决

HarmonyOS 地区选择器多级列表效果

1162浏览 • 1回复待解决

HarmonyOS图片选择器相关的问题

1241浏览 • 1回复待解决

在 JS 框架下，如何打开文件选择器选择图片？

5428浏览 • 1回复待解决

HarmonyOS 关于文件选择器（FilePicker）使用问题

836浏览 • 1回复待解决

HarmonyOS如何使用相机选择器拍照并获取结果？

768浏览 • 0回复待解决

HarmonyOS 是否有只选择年月的日期选择器组件

768浏览 • 1回复待解决

HarmonyOS 文件选择器，设置最大选择数，没效果

759浏览 • 1回复待解决

HarmonyOS 如何点击从底部弹出选择地区编号的滑动选择器

690浏览 • 1回复待解决

HarmonyOS 时间选择器不支持选择到秒吗？

805浏览 • 1回复待解决

HarmonyOS picker选择器的数据源问题

839浏览 • 1回复待解决

HarmonyOS @ohos.file.picker (选择器) 选择相机和相册权限问题

860浏览 • 1回复待解决

自定义日期滑动选择器弹窗

1093浏览 • 1回复待解决

鸿蒙可以实现状态选择器吗？

7083浏览 • 1回复已解决

选择图库图片后，再次选择图库会保留上次选择结果

1449浏览 • 1回复待解决

HarmonyOS @ohos.file.photoAccessHelper 图片选择器的选择原图消失了

558浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

CityPicker 城市选择器教程 0回复

选择器属性type=data报错 3回复

鸿蒙开源组件——日期选择器 0回复

鸿蒙开源组件——滚轮选择器 0回复

鸿蒙开源组件——CityPicker 城市选择器 0回复

Copyright © 2005-2025 51CTO.COM 京ICP证060544版权所有未经许可请勿转载