鸿蒙开发者社区

公众号矩阵

移动端

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

全部课程软考信创认证华为认证厂商认证 IT技术 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示例？

1127浏览 • 1回复待解决

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

1601浏览 • 1回复待解决

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

2684浏览 • 1回复待解决

HarmonyOS 提供一个下载图片，然后保存到图库的demo，不用savebutton的那种

970浏览 • 1回复待解决

HarmonyOS 如何拉起图库中的指定图片

768浏览 • 1回复待解决

HarmonyOS web如何拉起图库选择器

1194浏览 • 1回复待解决

HarmonyOS 拉起相机拍照

1156浏览 • 0回复待解决

HarmonyOS 提供一个aes解密包含iv向量的方式示例或者demo

873浏览 • 1回复待解决

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

3084浏览 • 1回复待解决

HarmonyOS 如何拉起相机应用

1009浏览 • 1回复待解决

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

1343浏览 • 1回复待解决

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

6297浏览 • 1回复待解决

提供Webview demo有哪些？

965浏览 • 1回复待解决

HarmonyOS 能否提供扫码的demo代码

1123浏览 • 1回复待解决

HarmonyOS 自定义相机demo

1928浏览 • 1回复待解决

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

5631浏览 • 1回复待解决

HarmonyOS 希望提供滑动控件Demo

825浏览 • 1回复待解决

HarmonyOS 希望提供分享弹窗Demo

987浏览 • 1回复待解决

HarmonyOS 希望提供日期组件Demo

1067浏览 • 1回复待解决

HarmonyOS 请提供AVRecorder demo示例

1161浏览 • 1回复待解决

HarmonyOS 相机相册选图demo，打开相册可以调用相机拍照的

1095浏览 • 1回复待解决

HarmonyOS 如何使用onShowFileSelector()函数选择文件或者选择图库

1061浏览 • 1回复待解决

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

1694浏览 • 1回复待解决

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

1995浏览 • 1回复待解决

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

1086浏览 • 1回复待解决

提问

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

相关讨论帖

基于webview的Picker拉起 0回复

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

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

『牛角书』Ark UI的文件下载后存储在图库 0回复

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

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