Electron中写入文本+Float32Array后无法正确读取的问题
问题分析与解决方案
你的核心问题出在直接拼接字符串和Float32Array的操作上:"test" + audioBuffer 会把Float32Array转换成字符串形式(通常是"[object Float32Array]"),而不是将其二进制数据追加到文本后面,这导致写入文件的内容完全不是你预期的「文本+原始浮点数组二进制」组合。
正确写入方法
需要把文本和Float32Array分别转成Buffer,再合并后写入:
// 将文本转为UTF-8编码的Buffer const textBuffer = Buffer.from("test", "utf-8"); // 将Float32Array的底层二进制数据转为Buffer const floatBuffer = Buffer.from(audioBuffer.buffer); // 合并两个Buffer const combinedBuffer = Buffer.concat([textBuffer, floatBuffer]); await fs.promises.writeFile(filePath, combinedBuffer);
正确读取方法
读取时跳过文本占用的4字节("test"是4个UTF-8字符,刚好占4字节),再解析剩余的二进制数据为Float32Array:
const contentBuffer = await fs.promises.readFile(filePath); // 截取从第4字节开始的浮点数组二进制部分 const floatSlice = contentBuffer.slice(4); // 解析为Float32Array,需指定长度(总字节数/每个元素的4字节) const audioBuffer = new Float32Array( floatSlice.buffer, floatSlice.byteOffset, floatSlice.length / Float32Array.BYTES_PER_ELEMENT );
之前读取失败的原因
- 第一种方式
new Float32Array(contentBuffer.buffer, 4):未指定长度时,Float32Array会尝试读到缓冲区末尾,若总字节数减4后不是4的整数倍(每个浮点元素占4字节),就会抛出RangeError。 - 第二种方式
slice(4)后直接用slice.buffer:slice返回的Buffer共享原始内存,slice.buffer是整个原始ArrayBuffer,而非切片后的部分,必须同时指定偏移量和长度才能正确解析。 - 第三种方式转字符串截取:浮点数组的二进制数据不是合法UTF-8文本,转字符串会直接损坏数据,再转回Buffer已经不是原始内容了。
内容的提问来源于stack exchange,提问作者Senshi
相关产品推荐
相关产品推荐

