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

时间:2013-06-25 17:30:52

标签: javascript xmlhttprequest

我正在尝试在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

1 个答案:

答案 0 :(得分:2)

您的数据的字节顺序非常重要:Javascript Typed Arrays and Endianness

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