HarmonyOS webview如何调用原生相机、访问相册,帮忙给下用法还有示例?

HarmonyOS webview如何调用原生相机、访问相册,帮忙给下用法还有示例?

HarmonyOS
2024-11-06 10:24:21
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

示例代码如下:

import { BusinessError } from '@kit.BasicServicesKit'; 
import { picker } from '@kit.CoreFileKit'; 
import web_webview from '@ohos.web.webview'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  //定义一个全局的string类型的数组,用来存放通过picker拉起后选择完图片后图片的uri 
  @State uris: Array<string> = [] 
 
  aboutToAppear() { 
    web_webview.WebviewController.setWebDebuggingAccess(true); 
  } 
 
  build() { 
    Column() { 
      Web({ src: $rawfile('TestonShowFileSelector.html'), controller: this.controller }) 
        .javaScriptAccess(true) 
        .domStorageAccess(true) 
        .onShowFileSelector((event) => { 
          // //-------调用相册------------------------- console.log('MyFileUploader onShowFileSelector invoked') 
          const photoSelectOptions = new picker.PhotoSelectOptions(); 
          // 过滤选择媒体文件类型为IMAGE_VIDEO_TYPE 
          photoSelectOptions.MIMEType = picker.PhotoViewMIMETypes.IMAGE_VIDEO_TYPE; 
          // 选择媒体文件的最大数目 
          photoSelectOptions.maxSelectNumber = 2; 
          const photoViewPicker = new picker.PhotoViewPicker(); 
          photoViewPicker.select(photoSelectOptions).then((photoSelectResult: picker.PhotoSelectResult) => { 
            this.uris = photoSelectResult.photoUris; 
            console.info('photoViewPicker.select to file succeed and uris are:' + this.uris); 
          }).catch((err: BusinessError) => { 
            console.error(`Invoke photoViewPicker.select failed, code is ${err.code}, message is ${err.message}`); 
          }) 
          return false 
        }) 
    } 
  } 
} 
分享
微博
QQ
微信
回复
2024-11-06 15:30:36
相关问题
HarmonyOS H5打开原生相机
310浏览 • 1回复 待解决
ob有如何报错,麻烦帮忙看一
5292浏览 • 1回复 待解决
HarmonyOS原生如何flutter传值
722浏览 • 1回复 待解决
HarmonyOS H5如何访问相册
533浏览 • 1回复 待解决
HarmonyOS webview原生通信
342浏览 • 1回复 待解决
HarmonyOS 相册相机选择组件
434浏览 • 1回复 待解决
grpc功能如何原生HarmonyOS调用
212浏览 • 1回复 待解决
原生webview消息通信
598浏览 • 1回复 待解决