51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频免费课程课程排行直播课软考学堂
全部课程厂商认证IT技术24年11月软考PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS H5拉起系统相机的样例代码

H5拉起系统相机的样例代码。

HarmonyOS
superinsect
2024-10-28 10:39:10
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
put_get
put_get

【local.html】

<!DOCTYPE html>  
<html>  
<body>  
<button type="button" onclick="cameraImage()">唤起照相机</button>  
<p id="demo"></p>  
<script>  
    function cameraImage(){  
    let str2=cameraImageName.testCameraImage();  
    }  
</script>  
</body>  
</html>

【index.ets】

import common from '@ohos.app.ability.common';  
import web_webview from '@ohos.web.webview';  
  
class cameraImage {  
  constructor() {  
  }  
  
  testCameraImage(): string {  
    const context = getContext(this) as common.UIAbilityContext  
    context.startAbilityForResult({  
      action:"ohos.want.action.imageCapture",  
      parameters:{  
        callBundleName:"com.hm.imageshow"  
      }  
    },(err,data) => {  
      console.info("imageCapture:" + `${JSON.stringify(data)}`)  
    })  
    return '1221';  
  }  
  
}  
  
@Entry  
@Component  
struct camera{  
  controller: web_webview.WebviewController = new web_webview.WebviewController();  
  @State webCameraImage: cameraImage = new cameraImage();  
  
  aboutToAppear(){  
    // 配置Web开启调试模式  
    web_webview.WebviewController.setWebDebuggingAccess(true);  
  }  
  
  build() {  
    Column() {  
      Web({ src: $rawfile('local.html'), controller: this.controller })  
        .javaScriptAccess(true)  
        .javaScriptProxy({  
          object: this.webCameraImage,  
          name: "cameraImageName",  
          methodList: ["testCameraImage"],  
          controller: this.controller  
        })  
    }  
  }  
}
分享
微博
QQ
微信
回复
2024-10-28 16:03:52
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS H5拉起系统录音能力的样例代码
333浏览 • 1回复 待解决
HarmonyOS H5调用系统相机相册，无法拉起相机相册
613浏览 • 1回复 待解决
HarmonyOS web组件加载h5，h5拉起摄像头
593浏览 • 1回复 待解决
HarmonyOS h5拉起系统扫码页面的demo
233浏览 • 1回复 待解决
H5如何拉起相机，请帮忙提供一个demo示例？
267浏览 • 1回复 待解决
HarmonyOS 如何在h5页面直接拉起系统相册？
239浏览 • 1回复 待解决
HarmonyOS H5网页如何拉起HarmonyOS 应用？
174浏览 • 1回复 待解决
HarmonyOS H5代码如何复用？
190浏览 • 1回复 待解决
H5调用相机、相册使用哪个原生接口？
280浏览 • 1回复 待解决
H5通过url scheme拉起对应应用
549浏览 • 1回复 待解决
HarmonyOS 应用涉及H5代码，如何使用？
234浏览 • 1回复 待解决
HarmonyOS 应用并发同步的样例代码
418浏览 • 1回复 待解决
ArkWeb里调用原生相机的能力是否有对应代码样例参考？
219浏览 • 1回复 待解决
HarmonyOS webview h5的localstorage
417浏览 • 1回复 待解决
HarmonyOS h5和原生的交互，h5页面跳转很多层，是否支持拦截H5返回手势
61浏览 • 1回复 待解决
HarmonyOS 能否提供Web样例工程代码？
213浏览 • 1回复 待解决
跨平台开发，h5代码怎么调试？
237浏览 • 1回复 待解决
Web能直接加载h5代码吗？
3062浏览 • 2回复 待解决
HarmonyOS 原系统要迁移到HarmonyOS来，H5的案例
39浏览 • 1回复 待解决
在h5里，怎么通过代码确认是不是HarmonyOS？
190浏览 • 0回复 待解决
在h5里，怎么通过代码确认是不是HarmonyOS
818浏览 • 1回复 待解决
HarmonyOS在系统的浏览器中 h5 页面通过a标签打开app,并取h5传过来的参数
531浏览 • 1回复 待解决
eTS求助 tabBar的Icon的代码样例 ？
5840浏览 • 1回复 待解决
如何调试H5代码，有人知道吗?
1616浏览 • 1回复 待解决
HarmonyOS h5和ArkTS通信
291浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
H5通过url scheme拉起对应应用 0回复
在HarmonyOS上实现ArkTS与H5的交互 0回复
轻松上手-Navigation路由 H5 0回复
webview加载Vue h5失败 0回复
HarmonyOS - JavaUI 框架之使用WebView加载本地H5页面 1回复