鸿蒙开发者社区

公众号矩阵

移动端

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

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

1144浏览 • 1回复待解决

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

1629浏览 • 1回复待解决

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

2711浏览 • 1回复待解决

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

1003浏览 • 1回复待解决

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

780浏览 • 1回复待解决

HarmonyOS 拉起相机拍照

1166浏览 • 0回复待解决

HarmonyOS web如何拉起图库选择器

1214浏览 • 1回复待解决

HarmonyOS 如何拉起相机应用

1032浏览 • 1回复待解决

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

3101浏览 • 1回复待解决

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

896浏览 • 1回复待解决

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

1366浏览 • 1回复待解决

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

6318浏览 • 1回复待解决

HarmonyOS 自定义相机demo

1991浏览 • 1回复待解决

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

5649浏览 • 1回复待解决

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

1107浏览 • 1回复待解决

提供Webview demo有哪些？

991浏览 • 1回复待解决

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

1084浏览 • 1回复待解决

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

2917浏览 • 1回复待解决

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

1758浏览 • 1回复待解决

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

2020浏览 • 1回复待解决

HarmonyOS 请提供个路由跳转Demo

1427浏览 • 1回复待解决

HarmonyOS 能否提供扫码的demo代码

1134浏览 • 1回复待解决

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

1446浏览 • 1回复待解决

HarmonyOS 自定义相机演示demo

1235浏览 • 1回复待解决

HarmonyOS 相机拍照和选择相册功能demo

932浏览 • 1回复待解决

提问

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

相关讨论帖

基于webview的Picker拉起 0回复

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

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

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

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

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