鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

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

拉起相机或者图库的demo提供

拉起相机或者图库的demo提供。

HarmonyOS

2024-11-13 11:24:46

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可参考以下拉起图库demo：

import { webview } from '@kit.ArkWeb'; 
import { picker } from '@kit.CoreFileKit'; 
import { BusinessError } from '@kit.BasicServicesKit'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: webview.WebviewController = new webview.WebviewController(); 
 
  build() { 
    Column() { 
      Web({ src: $rawfile('index.html'), controller: this.controller }) 
        .onShowFileSelector((event) => { 
          console.log('MyFileUploader onShowFileSelector invoked'); 
          const documentSelectOptions = new picker.PhotoSelectOptions(); 
          let uri: string | null = null; 
          const documentViewPicker = new picker.PhotoViewPicker(); 
          documentViewPicker.select(documentSelectOptions).then((documentSelectResult) => { 
            uri = documentSelectResult[0]; 
            console.info('documentViewPicker.select to file succeed and uri is:' + uri); 
            if (event) { 
              event.result.handleFileList([uri]); 
            } 
          }).catch((err: BusinessError) => { 
            console.error(`Invoke documentViewPicker.select failed, code is ${err.code}, message is ${err.message}`); 
          }) 
          return true; 
        }) 
    } 
  } 
}

在“src/main/resources/rawfile”路径下创建index.html文件：

<!DOCTYPE html> 
  <html> 
  <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8"> 
  </head> 
  <body> 
  <form id="upload-form" enctype="multipart/form-data"> 
  <input type="file" id="upload" name="upload"/> 
  </form> 
  </body> 
  </html>

回复

2024-11-13 16:14:22

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

发布

相关问题

H5如何拉起相机，请帮忙提供一个demo示例？

258浏览 • 1回复待解决

HarmonyOS 如何拉起系统相册，选择图片进行上传云端，能否提供个demo或者文档链接参考？

242浏览 • 1回复待解决

图库Picker:保存图片或者视屏目前是不是不能拉起图库选择器那个画面进行保存啊

1756浏览 • 1回复待解决

如何使用onShowFileSelector()函数拉起图库上传图片

2212浏览 • 1回复待解决

HarmonyOS 拉起相机拍照

364浏览待解决

相机拍照界面应该怎样拉起？

476浏览 • 1回复待解决

鸿蒙请求相册和相机的demo？

5506浏览 • 1回复待解决

分布式如何读写图库图片或者视频？

4587浏览 • 1回复待解决

HarmonyOS 自定义相机demo

272浏览 • 1回复待解决

提供Webview demo有哪些？

203浏览 • 1回复待解决

HarmonyOS webview实现图片上传、拉起相机、相册

35浏览 • 1回复待解决

HarmonyOS H5调用系统相机相册，无法拉起相机相册

601浏览 • 1回复待解决

HarmonyOS 自定义相机演示demo

207浏览 • 1回复待解决

如何开发应用拉起系统相机拍照返回图片?希望拉起相机应用拍照后，选择图片可以返回到自己的应用

1798浏览 • 1回复待解决

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

254浏览 • 1回复待解决

HarmonyOS 非ui界面拉起自定义弹窗的demo

133浏览 • 1回复待解决

HarmonyOS 请提供个路由跳转Demo

390浏览 • 1回复待解决

HarmonyOS 希望提供napi版的音频采集demo

201浏览 • 1回复待解决

三方相机预览demo开发

883浏览 • 1回复待解决

如何拉起相机界面，有人知道吗？

1827浏览 • 1回复待解决

HarmonyOS 是否有下拉上提的组件或者demo

292浏览 • 1回复待解决

如何实现将app中的图片保存到图库中，希望提供示例代码？

169浏览 • 1回复待解决

HarmonyOS web加载网页用input获取手机图库和相机进行拍照

632浏览 • 1回复待解决

需要提供c++到js通信demo

606浏览 • 1回复待解决

请提供HarmonyOS硬编硬解demo

422浏览 • 1回复待解决

提问

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

相关讨论帖

基于webview的Picker拉起 0回复

聊一聊鸿蒙系统中的图库的应用 0回复

HarmonyOS相机的基本使用实战 8回复

OpenHarmony - 相机（Camera）的调用 6回复

标准系统的进程拉起方式简介 5回复

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