如何使用XMLHttpRequest正确读取二进制浮点数据

How to correctly read binary floating-point data using XMLHttpRequest?

本文关键字：二进制 数据 读取 何使用 XMLHttpRequest      更新时间：2023-09-26

我正在尝试用JavaScript将浮点值的二进制文件读取到数组中。目前我这样做是通过：

var mRequest = new XMLHttpRequest();
mRequest.open('GET', 'res/binary_float_data.bin');
mRequest.responseType = 'arraybuffer';
mRequest.onreadystatechange = function () {
    if (mRequest.readyState === 4) {
        // Get bytes
        var buffer = mRequest.response;
        var dataview = new DataView(buffer);
        // Create buffer (4 bytes / float)
        var mFloatArray = new Float32Array(buffer.byteLength / 4);
        // Copy floats
        for (var i = 0; i < mFloatArray.length; i++) 
        {
            mFloatArray[i] = dataview.getFloat32(i * 4); // At every 4th byte
        }
        console.log("Loaded "+mFloatArray.length+" floats");
        // Do something with mFloatArray
    }
};
mRequest.send();

但是，当我查看结果数组（mFloatArray）的最小值、最大值和平均值时，它们是不正确的。它们应该是：

min: -0.0094
max: 0.0081
avg: 1.3196e-04

相反，我得到了：

min: -3.3985008792505584e+38
max: 0
avg: NaN

我确信二进制文件是正确的，我是否正确地解析了XMLHttpRequest？

编辑：在十六进制视图中添加二进制文件的一小部分：

0002980: 0000 0000 0000 0000 0000 0000 0000 0000  ................
0002990: 0000 0000 0000 0000 0000 0000 55df 11bc  ............U...
00029a0: afc5 13bc c0b2 15bc 4205 17bc a094 17bc  ........B.......
00029b0: e3d4 17bc cb41 18bc f2e6 18bc 464d 19bc  .....A......FM..
00029c0: bb94 18bc f6ca 16bc 29a5 14bc 0000 0000  ........).......
00029d0: 0000 0000 0000 0000 0000 0000 0000 0000  ................

第2版：我使用matlab和"fwrite"命令制作了二进制文件，精度为"float32"。http://www.mathworks.com/help/matlab/ref/fwrite.html

数据的持久性很重要：Javascript类型的数组和持久性

您需要检测endianness并提取每个字节的字节数，或者创建两个不同版本的文件，检测endianness并为当前浏览器检索正确的endianness。

相关文章：