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标签怎么调起系统文件、照片选择
306浏览 • 1回复 待解决
如何打开文件管理器有知道的吗?
2168浏览 • 1回复 待解决
如何打开文件当前位置，弹出资源管理器
1769浏览 • 1回复 待解决
使用文件管理器选择文件并放到分布式目录
321浏览 • 1回复 待解决
鸿蒙http请求如何使用cookie管理器
822浏览 • 1回复 待解决
系统文件管理器支持的最长文件名是多少？
734浏览 • 1回复 待解决
HarmonyOS h5上的input的标签光标颜色如何更改，这边设置了caret-color无效？
94浏览 • 1回复 待解决
openharmony 开发文件管理器，u盘的数据怎么显示？
2995浏览 • 1回复 待解决
调用系统文件管理器 选择文件之后 如何根据 uri 获取系统文件名称和路径
4261浏览 • 1回复 待解决
HarmonyOS web通过loadData加载h5标签
112浏览 • 1回复 待解决
HarmonyOS在系统的浏览器中 h5 页面通过a标签打开app,并取h5传过来的参数
305浏览 • 1回复 待解决
NPM包管理器无法正常下载HPM，怎么解决？
6938浏览 • 1回复 待解决
通过文件管理器使用三方应用对文件进行读写
377浏览 • 1回复 待解决
HarmonyOS 系统支持H5的a标签跳转拨号界面吗?
104浏览 • 1回复 待解决
安装模拟器时报错，设备管理器没有可用的设备
39浏览 • 1回复 待解决
SDK 管理器卸载组件之后没有安装列表怎么回事？
5184浏览 • 1回复 待解决
IDE生成的已签名的app，可以未经过应用市场，在文件管理器打开安装吗？
139浏览 • 1回复 待解决
HarmonyOS 如何在浏览器唤起app
390浏览 • 1回复 待解决
#鸿蒙学习大百科#怎样实现一个账号管理器？
287浏览 • 1回复 待解决
#鸿蒙学习大百科#如果通过代码打开证书管理器页面？
215浏览 • 1回复 待解决
HarmonyOS H5如何访问相册？
120浏览 • 1回复 待解决
文件管理服务器，怎么写入一个文件，通过文件管理系统可以导出
1532浏览 • 1回复 待解决
在Web组件的H5页面中，如何使用a标签实现打开各种页面
1925浏览 • 1回复 待解决
HarmonyOS浏览器scheme链接唤起APP问题
628浏览 • 1回复 待解决
HarmonyOS H5异步调用arkTs函数，arkTs如何将结果返回至H5 ？
187浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
原生应用开发项目实战: 文件管理器 1回复
HarmonyOS包管理器FAQ 0回复
鸿蒙 Next 实战：打造全能文件管理器应用 0回复
手把手教你集成华为动态标签管理器，营销活动数据随需监控 3回复
#HarmonyOS NEXT体验官#联系人管理器 0回复