加载二进制文件 直接转换为Arraybuffer
var request = new XMLHttpRequest();
request.open("get","res/models/killer_whale/whale.CYCLES.bin");
request.send(null);
request.responseType = "arraybuffer";
request.onload = function(){
console.log("arraybuffer-----",request.response);
}
加载二进制文件 间接转换为Arraybuffer
var request = new XMLHttpRequest();
request.open("get","res/models/killer_whale/whale.CYCLES.bin");
request.send(null);
request.responseType = "blob";//以这种方式读取我们获取到的是Blob这个数据结构
request.onload = function () {
if(request.status==0)
{
var fr = new FileReader(); //FileReader可以读取Blob内容
fr.readAsArrayBuffer(request.response); //二进制转换成ArrayBuffer
fr.onload = function (e) { //转换完成后,调用onload方法
var result = fr.result; //result 转换的结果
console.log("查看结果---",result);
}
}
}
加载可以转化为json的文件
//读取本地json文件
var request = new XMLHttpRequest();
request.open("get","res/models/killer_whale/whale.CYCLES.gltf");
request.send(null);
request.onload = function(){
console.log(request.responseText);
if(request.status==0)
{
var jsondata = JSON.parse(request.responseText);
console.log(jsondata);
}
}
直接加载json文件
var request = new XMLHttpRequest();
request.open("get","res/models/killer_whale/selectData.json");
request.send(null);
request.responseType = "json";
request.onload = function(){
console.log("arraybuffer-----",request.response);
}
将json文件与二进制格式进行读写转换
1:写
const fs = require('fs')
var data=[
{
"label": "compile",
"type": "shell",
"group": "build",
"command": "gulp",
"options": {
"cwd": "${workspaceFolder}/.vscode"
}
}
]
var str = JSON.stringify(data);
var strCode = [];
for(var j = 0;j<str.length;j++)
{
console.log("code----",str[j],str.charCodeAt(j));
strCode.push(str.charCodeAt(j));
}
var newBuffer = new ArrayBuffer(strCode.length*4);
var new8Byte = new Float32Array(newBuffer);
strCode.forEach((val, i) => {
new8Byte[i] = val
})
fs.writeFileSync('../bin/res/test/data.bin',Buffer.from(newBuffer)); // data.bin
console.log("文件生成成功!");
2:读
var request = new XMLHttpRequest();
request.open("get",path);
request.send(null);
//以二进制方式读取数据,读取到的结果将放入Blob的一个对象中存放
request.responseType = "blob";
request.onload = function () {
if(request.status==0)
{
var fr = new FileReader(); //FileReader可以读取Blob内容
fr.readAsArrayBuffer(request.response); //二进制转换成ArrayBuffer
fr.onload = function (e) { //转换完成后,调用onload方法
console.log("bin file---",fr.result);
var rawData = new Float32Array(fr.result as ArrayBuffer);
var str = "";
for (var i = 0; i < rawData.length; i++) {
str = str+String.fromCharCode((rawData[i]));
}
JSON.parse(str);
console.log("result --",str);
}
}
}