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如何访问相册
130浏览 • 1回复 待解决
HarmonyOS原生如何flutter传值
265浏览 • 1回复 待解决
ob有如何报错,麻烦帮忙看一
4849浏览 • 1回复 待解决
HarmonyOS 相机调用失败
93浏览 • 1回复 待解决
HarmonyOS 系统相册权限访问问题
602浏览 • 1回复 待解决
HarmonyOS访问相册有解决方案
289浏览 • 1回复 待解决
如何调用系统相机拍照?
1579浏览 • 1回复 待解决
HarmonyOS Webview有关位置管理的示例
255浏览 • 1回复 待解决
原生webview消息通信
154浏览 • 1回复 待解决
基于原生的跨模块资源访问
610浏览 • 1回复 待解决
原生页面和webview如何进行参数传递
487浏览 • 1回复 待解决