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标签怎么调起系统文件、照片选择
488浏览 • 1回复 待解决
HarmonyOS 文件管理器中图片目录如何访问
28浏览 • 1回复 待解决
如何打开文件管理器有知道的吗?
2234浏览 • 1回复 待解决
HarmonyOS 怎样通过web打开系统文件管理器
49浏览 • 1回复 待解决
HarmonyOS Web组件如何拉起相册，相机以及文件管理器？
49浏览 • 1回复 待解决
HarmonyOS h5上的input的标签光标颜色如何更改，这边设置了caret-color无效？
213浏览 • 1回复 待解决
使用文件管理器选择文件并放到分布式目录
412浏览 • 1回复 待解决
如何打开文件当前位置，弹出资源管理器
1914浏览 • 1回复 待解决
系统文件管理器支持的最长文件名是多少？
817浏览 • 1回复 待解决
鸿蒙http请求如何使用cookie管理器
928浏览 • 1回复 待解决
HarmonyOS web通过loadData加载h5标签
244浏览 • 1回复 待解决
openharmony 开发文件管理器，u盘的数据怎么显示？
3171浏览 • 1回复 待解决
调用系统文件管理器 选择文件之后 如何根据 uri 获取系统文件名称和路径
4360浏览 • 1回复 待解决
HarmonyOS在系统的浏览器中 h5 页面通过a标签打开app,并取h5传过来的参数
531浏览 • 1回复 待解决
HarmonyOS 开发工具资源管理器栏文件和文件夹排序的问题？
189浏览 • 0回复 待解决
#鸿蒙通关秘籍#如何将图片保存到系统文件管理器并展示保存路径？
126浏览 • 1回复 待解决
NPM包管理器无法正常下载HPM，怎么解决？
7081浏览 • 1回复 待解决
HarmonyOS 系统支持H5的a标签跳转拨号界面吗?
290浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用资源管理器在HarmonyOS NEXT中获取图片的文件描述符？
95浏览 • 1回复 待解决
通过文件管理器使用三方应用对文件进行读写
486浏览 • 1回复 待解决
安装模拟器时报错，设备管理器没有可用的设备
159浏览 • 1回复 待解决
HarmonyOS APP内h5原生webview input[type='file']无法唤醒手机上传
68浏览 • 1回复 待解决
SDK 管理器卸载组件之后没有安装列表怎么回事？
5257浏览 • 1回复 待解决
HarmonyOS是否有类似于flutter中provider类似的状态管理器
62浏览 • 1回复 待解决
HarmonyOS 如何在浏览器唤起app
573浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
原生应用开发项目实战: 文件管理器 1回复
HarmonyOS包管理器FAQ 0回复
鸿蒙 Next 实战：打造全能文件管理器应用 0回复
手把手教你集成华为动态标签管理器，营销活动数据随需监控 3回复
【FFH】自制一款ArkUI组件-应用文件管理器（一） 3回复