本demo按照文件上传、文件下载、文件预览、文件读取保存、文件压缩解压、文件拷贝6个分类进行场景化子demo构造展示,如文件上传展示中,模拟简易聊天场景,此时发送文件是个正常诉求,基于此场景完成相关元能力实现及展示。
entry包仅提供页面展示,各文件操作分类对应的har包提供元能力的函数导出。读者无需关注页面样式相关,评估场景及对应har包能力是否需要即可。
1.1.场景介绍:
场景1:通过previewKit预览下载文件,其中预览能力来自file_preview的har包中viewFileByPreviewKit函数,下载能力来自file_download中的downLoadFileByRequest函数
场景2:通过webview组件预览本地rawfile文件以及网络地址,详情代码参考:PreviewByWebview.ets
1.2.效果预览:
2.1.场景介绍:完成下载配置,包含下载源url,保存路径,保存文件名等,通过request.agent.create创建下载实例对象,该对象来控制下载任务的暂停重启,后台下载等,具体实现代码参考FileDownloadPage.ets
2.2.效果预览:
**3.1.场景介绍:**模拟即时通讯软件聊天界面,发送图片或者表情包的场景,保存聊天记录的场景,相关元能力来自photoPickerGetUri,saveToUser函数,具体代码参考file_read_write的har包common目录下的utils文件夹。
3.2.效果预览:
**4.1.前置准备:**已有demo中关于文档上传的部分,上传的服务器地址都是模拟的,未将全流程跑通,本demo示例有简单实现一个node服务器处理,将根目录下uploadServer文件夹拷贝出其他目录,进入uploadServer,按照其中的readme文档将服务启动。需要提前demo目录下的uploadConstant中的ip地址填入本机ip:
4.2.场景介绍 4.2.1. 场景1:通过webview加载h5,模拟云盘上传文件进行缓存的场景,通过监听打开文件选择事件,拉起手机文件管理,通过h5自带form表单进行上传。如图所示: 4.2.2. 场景2:模拟复合表单提交
效果预览:
**5.1.前置准备:**由于生态代码仓会拦截zip文件,这里需要准备一个压缩文件,放入entry包下资源目录下的rawfile文件中,命名:decompress_file_test.zip 如图:参考README文件
5.2.实现说明: 5.2.1. 使用了内置库zlib的压缩、解压能力,详细代码参考:CompressFileView.ets、DeCompressFileView.ets 5.2.2. 解压时使用了worker开启子线程加速解压,详情代码参考:file_compress的har包下的worker.ets
效果预览:
6.1.场景说明:展示沙箱目录下rawfile文件列表,点击后拉起文件管理选择目录后进行拷贝,拷贝能力由file_copy har包中的copyRawFileToPub函数提供。
6.2.效果预览:
亲爱的Harmony Next开发者,您好!
为了协助您高效开发,提高鸿蒙场景化示例的质量,希望您在浏览或使用后抽空填写一份简单的问卷,我们将会收集您的宝贵意见进行优化
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。