js 本地加载json和二进制文件

加载二进制文件 直接转换为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); } } }