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);
                
                }
            }
        }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值