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 ,具体请查看下一篇文章;
相关推荐
CHB16 小时前
uni-app x 蒸汽模式 iOS版 性能测试基准报告 Benchmark
ios·uni-app·swiftui
衍生星球16 小时前
SpringBoot3 + Vue3 + 微信小程序如何学习,以及学哪些技术,组件
sql·微信小程序·uni-app·vue·springboot
编程猪猪侠2 天前
UniAppx安卓app实现左侧导航与右侧内容联动滚动
android·uni-app
千逐682 天前
Uniapp 鸿蒙实战之 AtomGit APP - 仓库详情与文件树浏览
服务器·microsoft·uni-app
万物得其道者成2 天前
uni-app App 热更新实现指南:从接口检查到下载安装重启(附带AI提示词)
uni-app
anyup2 天前
uView Pro 正式支持 MCP 协议!让 AI 秒懂你的组件库
前端·uni-app·ai编程
千逐682 天前
Uniapp 鸿蒙实战之 AtomGit APP - 首页设计与仓库列表实现
华为·uni-app·harmonyos
天丁o3 天前
Spring Boot + uni-app 智慧考勤闭环 Demo:打卡记录、异常状态和日统计如何复用到企业系统
spring boot·uni-app·mybatis plus·企业管理系统·考勤系统
这是个栗子3 天前
uni-app 微信小程序开发:常用事件指令(@xxx)(一)
微信小程序·小程序·uni-app
小徐_23337 天前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app