鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS 前端页面调用应用侧函数javascript可运行demo（javaScriptProxy）

HarmonyOS

1天前

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

//ArkTS
import { common } from '@kit.AbilityKit';
import { util } from '@kit.ArkTS';
import { webview } from '@kit.ArkWeb';

@Entry
@Component
struct Page4 {
  webController: webview.WebviewController = new webview.WebviewController();
  @State test: Test = new Test()
  build() {
    Column(){
      Web({src:$rawfile('index2.html'),controller:this.webController})
        .javaScriptProxy({
          object: this.test,
          name: "picture",
          methodList: ["takePhoto"],
          controller: this.webController
        }).height("50%")
    }
  }
}

class Test{
  takePhoto() {
    let context = getContext(this) as common.UIAbilityContext
    let arrayBuff = context.resourceManager.getRawFileContentSync("startIcon.png")
    let base64helper = new util.Base64Helper()
    let base64string = base64helper.encodeToStringSync(arrayBuff,util.Type.MIME)
    console.debug(base64string)
    return base64string
  }
}

//h5：
<!DOCTYPE html>
  <html lang="zh-CN">
  <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  </head>
  <body>

  <button id="init" onclick="takePicture()">模拟拍照</button>
  <img src="" id="myImage" alt="">
  </body>
  </html>
  <script>
  function takePicture() {
    let s = 'data:image/png;base64,' + picture.takePhoto();

    document.getElementById('myImage').src =  s;
  }
  </script>

回复

1天前

如何写精华回答，获更多曝光？

发布

相关问题

ArkTS web组件前端页面调用应用侧函数如何设置多个javaScriptProxy

2806浏览 • 0回复待解决

#鸿蒙通关秘籍#如何通过应用侧调用前端页面的JavaScript函数？

62浏览 • 1回复待解决

ArkWeb:前端页面调用应用侧函数是同步还是异步？

243浏览 • 1回复待解决

web组件中应用侧调用前端页面函数无法传递参数

255浏览 • 1回复待解决

HarmonyOS 前端页面调用应用侧函数registerJavaScriptProxy没有挂载在window上

256浏览 • 1回复待解决

前端页面调用应用侧函数时，提示参数类型不支持

777浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在前端页面调用应用侧的函数？

60浏览 • 1回复待解决

rn HarmonyOS可运行demo

30浏览 • 1回复待解决

HarmonyOS Web组件前端页面调用应用侧函数，在页面关闭后再次打开无法触发的问题

47浏览 • 1回复待解决

web前端页面调用应用侧函数后， promptAction.showDialog弹窗，点击按钮没有回调

375浏览 • 1回复待解决

HarmonyOS 在h5前端侧调用应用侧方法

49浏览 • 2回复待解决

HarmonyOS 麻烦提供amr相关完整可运行的demo

264浏览 • 1回复待解决

HarmonyOS H5侧调用应用侧，异步返回数据Demo

406浏览 • 1回复待解决

Native调用ArkTS侧类函数

995浏览 • 1回复待解决

HarmonyOS 应用访问前端页面方法

82浏览 • 1回复待解决

HarmonyOS 如何在前端页面执行应用侧class类方法中打开加载另外一个ARKWeb本地页面

22浏览 • 1回复待解决

HarmonyOS ArkWeb支持多次调用javaScriptProxy吗

35浏览 • 1回复待解决

Web组件通过javaScriptProxy方法注册多个javascript对象，只会保留最后一个注册的javascript对象

281浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在Node-API中实现多线程JavaScript函数调用？

106浏览 • 1回复待解决

HarmonyOS javaScriptProxy注册客户端方法，但是html页面调用不起来

25浏览 • 1回复待解决

#鸿蒙通关秘籍#鸿蒙应用侧与前端页面如何进行数据通信？

77浏览 • 1回复待解决

#鸿蒙通关秘籍#如何利用JavaScript Profiler中的时序火焰图进行函数调用分析？

124浏览 • 1回复待解决

HarmonyOS WebView组件前端页面调试

276浏览 • 1回复待解决

HarmonyOS web页面javaScriptProxy多个name问题

38浏览 • 1回复待解决

HarmonyOS H5与应用侧数据交互的Demo

589浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

鸿蒙原生应用元服务开发-Web前端页面调用应用侧函数 0回复

鸿蒙原生应用元服务开发-Web应用侧调用前端页面函数 0回复

HarmonyOS应用侧与前端页面数据通道建立 0回复

鸿蒙开发黑科技：前端页面轻松调用 ArkTS 函数 3回复

鸿蒙原生应用元服务开发-Web建立应用侧与前端页面数据通道 0回复

Copyright © 2005-2024 51CTO.COM 京ICP证060544版权所有未经许可请勿转载