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

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

HarmonyOS
2024-11-06 10:24:21
815浏览
收藏 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 
        }) 
    } 
  } 
} 
  • 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.
分享
微博
QQ
微信
回复
2024-11-06 15:30:36
相关问题
HarmonyOS H5打开原生相机
888浏览 • 1回复 待解决
ob有如何报错,麻烦帮忙看一
5913浏览 • 1回复 待解决
HarmonyOS H5如何访问相册
1132浏览 • 1回复 待解决
HarmonyOS原生如何flutter传值
1127浏览 • 1回复 待解决
HarmonyOS webview原生通信
1051浏览 • 1回复 待解决
HarmonyOS 相册相机选择组件
976浏览 • 1回复 待解决
HarmonyOS 相机相册功能开发
959浏览 • 1回复 待解决
HarmonyOS 相册相机拍照并裁剪
939浏览 • 1回复 待解决
如何调用系统相机拍照?
2555浏览 • 1回复 待解决