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 ,具体请查看下一篇文章;
相关推荐
xshirleyl2 小时前
uniapp小兔鲜儿day3
uni-app
Geek_Vison20 小时前
2026 跨端框架横评:FinClip、Taro、uni-app、Remax、mPaaS 五款工具技术+业务双维度测评
小程序·uni-app·taro·mpaas·小程序容器
RuoyiOffice1 天前
从 0 到 1 搭建 RuoyiOffice:30 分钟跑通后端+前端+移动端
前端·spring boot·uni-app·开源·oa·ruoyioffice·hrm
Geek_Vison1 天前
APP集成了50多个小程序后,如何搭建一个小程序管理平台来管理这些小程序~
小程序·uni-app·apache·mpaas·小程序容器
梦曦i2 天前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
梦曦i2 天前
全面解析uni-router v1.2.0功能
前端·uni-app
不如摸鱼去2 天前
Wot UI 2.1.0 发布:ConfigProvider 全局配置能力升级
ui·小程序·uni-app
PedroQue992 天前
uni-router:uni-app路由管理新选择
前端·uni-app
这是个栗子2 天前
微信小程序开发(九)- uni-app微信小程序商城
微信小程序·小程序·uni-app·vue·vuex
中犇科技2 天前
2026商城APP开发公司 TOP5(电商垂直版)
uni-app