HarmonyOS web如何拉起图库选择器

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get
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>
分享
微博
QQ
微信
回复
1天前
相关问题
HarmonyOS 图片选择器怎么实现
73浏览 • 1回复 待解决
HarmonyOS 有状态选择器
40浏览 • 1回复 待解决
HarmonyOS 如何自定义时间选择器
69浏览 • 1回复 待解决
TimePicker如何设置时间选择器的范围?
7023浏览 • 1回复 待解决
HarmonyOS图片选择器相关的问题
498浏览 • 1回复 待解决
HarmonyOS 日期/日历/时间选择器开发
544浏览 • 1回复 待解决
HarmonyOS 地区选择器多级列表效果
418浏览 • 1回复 待解决
HarmonyOS picker选择器的数据源问题
8浏览 • 1回复 待解决
自定义日期滑动选择器弹窗
422浏览 • 1回复 待解决
鸿蒙可以实现状态选择器吗?
6294浏览 • 1回复 已解决