uniapp——APP读取bin文件,解析文件的数据内容(一)

文章目录

请求本地文件系统对象,读取文件的数据内容

API文档
场景: 蓝牙设备升级,根据用户选择bin文件,读取文件数据内容;分包发送给蓝牙设备;

读取.bin文件

  • 通过 requestFileSystem 获取指定的文件
  • 应用私有资源目录,对应常量有4种:具体使用请查看文档
    • plus.io.PRIVATE_WWW
    • plus.io.PRIVATE_DOC
    • plus.io.PUBLIC_DOWNLOADS
    • plus.io.PUBLIC_DOWNLOADS
  • 分包发送数据:请查看
javascript 复制代码
/**
 * @description 读取文件内容,根据实际情况处理数据;
 * @param {String} filePath 文件路径
 * @returns {Object} 
 */
const getFileSystem = (filePath) => {
	filePath = filePath || '/static/B1.1.2.bin'; // TEST
	return new Promise((resolve, reject) => {
		plus.io.requestFileSystem(plus.io.PRIVATE_WWW, (fs) => {
			fs.root.getFile(filePath, {
				create: false
			}, (fileEntry) => {
				fileEntry.file((file) => {
					console.log('file:', file);
					// 创建读取文件对象 创建读取文件对象
					const fileReader = new plus.io.FileReader();
					
					// 以URL编码格式读取文件数据内容 读取文件的数据内容,并将数据内容进行URL编码
					fileReader.readAsDataURL(file);
					
					fileReader.onload = (evt) => {
						let strs = evt.target.result;
						
						// 将 Base64 字符串转成 ArrayBuffer 对象
						let arrayBuffer = uni.base64ToArrayBuffer(strs);
						
						// 返回数据
						resolve({
							size: file.size,
							arrayBuffer
						});
					}
					fileReader.onerror = (err) => {
						console.log('文件读取失败');
						reject(err);
					}
				})
			}, (error) => {
				console.log('读取文件报错:', error);
			})
		})
	})
}

file对象返回数据格式

*例:放在本地 /static/目录下.bin文件

javascript 复制代码
{
    "size": 98036,
    "type": "application/macbinary",
    "name": "1.0.44.bin",
    "lastModifiedDate": "2024-12-25T08:39:07.022Z",
    "fullPath": "/Users/xxx/Library/Developer/CoreSimulator/Devices/FBAB31F1xxx/data/Containers/Data/Application/F9314A28xxx/Documents/Pandora/apps/F9C07xxx/www/static/1.0.44.bin"

}

踩过的坑

  • 读取本地文件:安卓、iOS设备均正常读取;
  • 读取_doc/uniapp_temp开头路径:安卓能正常,iOS设备 得到 size为 0 情况
    • 更换目录常量也不行,读取失败:{"code":1, "message":"文件没有发现"}
    • 解决:
      • 可以先把文件下载到本地,再通过本地路径去读取
      • 把requestFileSystem 修改为 resolveLocalFileSystemURL ,具体请查看下一篇文章;
相关推荐
郑州光合科技余经理19 小时前
本地生活平台搭建:跨业态用户标识怎么贯通
java·开发语言·前端·后端·uni-app·php·ai编程
2501_915909062 天前
iOS应用从开发到上架App Store的完整发布流程与步骤指南
android·ios·小程序·https·uni-app·webview
不爱说话郭德纲2 天前
从“点点点”到一键出包:我把 uni-app x Android 离线打包做成了脚本
android·前端·uni-app
snotJam2 天前
关于Uniapp的Android自定义基座使用
android·uni-app
今年下半年3 天前
【微信小程序】uni-app + Vue3 + Vite 的小程序项目实现「进入指定范围才能打卡」的考勤功能
微信小程序·uni-app·定位·考勤
郑州光合科技余经理6 天前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
遗憾随她而去.8 天前
uniApp跨端开发: 解决不同平台显示差异问题
uni-app
程序鉴定师11 天前
2026年深圳小程序/App开发公司技术选型指南:从架构设计到交付标准全维度评估
java·小程序·uni-app·php·objective-c
Q264336502311 天前
【有源码】基于uni-app的旅游行程规划小程序-基于微信小程序的智慧文旅综合服务平台
java·微信小程序·小程序·uni-app·毕业设计·springboot·源代码
qq_3168377511 天前
阿里云百炼 fun-asr-realtime uniapp vue3 调用
javascript·vue.js·uni-app