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

HarmonyOS h5-input标签如何唤起文件管理器

HarmonyOS  h5-input标签如何唤起文件管理器。

HarmonyOS
Heiang
2024-09-05 12:43:37
浏览
赞
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect
superinsect

示例代码如下：

Web({ src: $rawfile('TestonShowFileSelector.html'), controller: this.controller }) 
  .javaScriptAccess(true) 
  .domStorageAccess(true) 
  .onShowFileSelector((event) => { 
    //----调用文件管理器----------------- 
    console.log('MyFileUploader onShowFileSelector invoked') 
    const documentSelectOptions = new picker.DocumentSelectOptions(); 
    // 选择媒体文件的最大数目 
    documentSelectOptions.maxSelectNumber = 2; 
    const documentViewPicker = new picker.DocumentViewPicker(); 
    documentViewPicker.select(documentSelectOptions).then((DocumentSelectResult: Array<string>) => { 
      this.uris = DocumentSelectResult; 
      console.info('photoViewPicker.select to file succeed and uris are:' + this.uris); 
    }).catch((err: BusinessError) => { 
      console.error(`Invoke photoViewPicker.select failed, code is ${err.code}, message is ${err.message}`); 
    }) 
    return false })

h5：

<body> 
  <form id="upload-form" enctype="multipart/form-data"> 
  <!-- 修改type属性为camera --> 
  <input type="file" id="upload" name="upload" accept="image/*" capture="camera" /> 
  <!-- 添加一个图片元素用于展示图片 --> 
  <img id="preview"/> 
  </form 
  </body>
分享
微博
QQ
微信
回复
2024-09-05 15:32:46
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS H5中的input标签怎么调起系统文件、照片选择
114浏览 • 1回复 待解决
如何打开文件管理器有知道的吗?
1998浏览 • 1回复 待解决
如何打开文件当前位置，弹出资源管理器
1530浏览 • 1回复 待解决
使用文件管理器选择文件并放到分布式目录
147浏览 • 1回复 待解决
鸿蒙http请求如何使用cookie管理器
505浏览 • 1回复 待解决
系统文件管理器支持的最长文件名是多少？
532浏览 • 1回复 待解决
HarmonyOS在系统的浏览器中 h5 页面通过a标签打开app,并取h5传过来的参数
99浏览 • 1回复 待解决
openharmony 开发文件管理器，u盘的数据怎么显示？
2360浏览 • 1回复 待解决
调用系统文件管理器 选择文件之后 如何根据 uri 获取系统文件名称和路径
4039浏览 • 1回复 待解决
NPM包管理器无法正常下载HPM，怎么解决？
6604浏览 • 1回复 待解决
通过文件管理器使用三方应用对文件进行读写
200浏览 • 1回复 待解决
HarmonyOS 如何在浏览器唤起app
98浏览 • 1回复 待解决
SDK 管理器卸载组件之后没有安装列表怎么回事？
4954浏览 • 1回复 待解决
HarmonyOS web组件加载h5，h5拉起摄像头
153浏览 • 1回复 待解决
HarmonyOS web原生和H5如何交互？
157浏览 • 1回复 待解决
在Web组件的H5页面中，如何使用a标签实现打开各种页面
1754浏览 • 1回复 待解决
HarmonyOS web与H5交互
209浏览 • 1回复 待解决
HarmonyOS webview h5的localstorage
115浏览 • 1回复 待解决
HarmonyOS浏览器scheme链接唤起APP问题
210浏览 • 1回复 待解决
文件管理服务器，怎么写入一个文件，通过文件管理系统可以导出
1408浏览 • 1回复 待解决
HarmonyOS 在H5中如何跳转到应用市场
116浏览 • 1回复 待解决
HarmonyOS 折叠屏H5适配问题
100浏览 • 1回复 待解决
如何在HarmonyOS中调试h5页面
569浏览 • 1回复 待解决
HarmonyOS h5页面缩放问题
150浏览 • 0回复 待解决
h5如何在鸿蒙设备进行调试
903浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
原生应用开发项目实战: 文件管理器 1回复
HarmonyOS包管理器FAQ 0回复
手把手教你集成华为动态标签管理器，营销活动数据随需监控 3回复
#HarmonyOS NEXT体验官#联系人管理器 0回复
【FFH】自制一款ArkUI组件-应用文件管理器（一） 3回复