HarmonyOS 鸿蒙Next如何实现文件选择功能

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next如何实现文件选择功能

业务需要进行 图片、office文件、压缩包文件、音频文件、视频文件等筛选。
类似的库:
https://github.com/LuckSiege/PictureSelector/blob/version_component/README_CN.md


更多关于HarmonyOS 鸿蒙Next如何实现文件选择功能的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

鸿蒙提供了picker选择器,选择器(Picker)是一个封装PhotoViewPicker、DocumentViewPicker、AudioViewPicker等API模块,具有选择与保存的能力
picker参考文档:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-file-picker-V13
demo参考:https://gitee.com/openharmony/applications_app_samples/tree/OpenHarmony-4.0-Release/code/BasicFeature/FileManagement/FileShare/Picker
选择用户文件:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/select-user-file-V13
保存用户文件:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/save-user-file-V13
目前支持的Picker组件有:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V13/use-picker-V13

压缩文件可以用DocumentViewPicker:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-file-picker-V13#documentviewpicker
文件管理文档:‘https://developer.huawei.com/consumer/cn/doc/atomic-references/js-apis-file-fs-0000001824577893

文件预览:支持的预览文件类型如下:
(地址:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/preview-arkts-0000001716213002-V5
1、文本:txt 网页:html、htm
2、图片:jpg、png、gif、webp、bmp、svg
3、音频:m4a、aac、mp3、ogg、wav
4、视频:mp4、mkv、ts
5、文件夹

web组件PDF预览:‘ https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/web-pdf-preview-0000001852735730-V5

目前pdf推荐方案,可以通过webview 组件加载pdf格式的文件。其余office文件格式还在拓展
 

// xxx.ets
import web_webview from '@ohos.web.webview';
import business_error from '@ohos.base';

@Entry
@Component
struct WebComponent {
  webviewController: web_webview.WebviewController = new web_webview.WebviewController();

  build() {
    Column() {
      // 组件创建时,加载pdf
      Web({ src: '地址', controller: this.webviewController}).domStorageAccess(true)
    }
  }
}

文件预览开发步骤:‘https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/preview-filepreview-V5

更多关于HarmonyOS 鸿蒙Next如何实现文件选择功能的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


HarmonyOS 鸿蒙Next实现文件选择功能主要通过其提供的文件访问和管理API来完成。具体步骤如下:

  1. 权限申请:在应用的config.json文件中,申请文件访问权限,包括读写权限等,确保应用有权限访问文件系统。

  2. 文件选择器UI:利用HarmonyOS提供的UI组件库,构建文件选择界面。这通常包括一个列表或树状结构,用于展示文件系统中的文件和目录。

  3. 文件浏览:通过调用HarmonyOS的文件管理API,遍历文件系统中的文件和目录,并将结果显示在UI上。用户可以通过点击来选择文件。

  4. 文件选择:用户选择文件后,应用通过回调函数获取所选文件的路径或相关信息。

  5. 文件操作:根据用户需求,对所选文件进行进一步的操作,如打开、读取、编辑或分享等。

  6. 错误处理:在文件选择和操作过程中,应添加适当的错误处理逻辑,以处理可能的异常情况,如文件不存在、权限不足等。

HarmonyOS 鸿蒙Next的文件选择功能基于其独特的系统架构和API设计,能够为用户提供高效、安全的文件访问体验。如果问题依旧没法解决请联系官网客服,官网地址是:https://www.itying.com/category-93-b0.html

回到顶部