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
    评论
在 iOS 设备上预览二进制流的 PDF 文件,可以使用 `wx.downloadFile()` 方法下载文件,然后使用 `wx.openDocument()` 方法打开文件。但是,由于 iOS 设备的一些限制,可能会导致无法正常预览 PDF 文件。 如果您遇到 iOS 设备无法预览 PDF 文件的问题,可以尝试以下两种方法: 1. 使用第三方组件 可以使用第三方组件来实现 PDF 文件的预览,例如 `pdf.js`。您可以将 PDF 文件转换为 `base64` 格式,然后使用 `pdf.js` 解析显示。 2. 使用 WebView 使用 `WebView` 控件来加载 PDF 文件,但是需要注意的是,iOS 设备的 `WebView` 控件并不支持直接加载二进制流的 PDF 文件,需要将二进制流转换为 `base64` 格式后再进行加载。具体实现可以参考以下代码: ``` wx.downloadFile({ url: 'your_pdf_url', success: function (res) { var filePath = res.tempFilePath; wx.getFileSystemManager().readFile({ filePath: filePath, encoding: 'base64', success: function (res) { var base64 = res.data; wx.setStorageSync('pdfBase64', base64); // 将 base64 数据存储到本地缓存中 wx.navigateTo({ url: 'webview?url=' + encodeURIComponent('data:application/pdf;base64,' + base64) // 跳转 WebView 页面 }); }, fail: function (res) { console.log(res); } }); }, fail: function (res) { console.log(res); } }); ``` 在 WebView 页面中,可以通过 `window.location.href` 来获取 PDF 文件的 `base64` 数据,并使用 `PDFObject` 或其他第三方库来显示 PDF 文件。具体实现可以参考以下代码: ``` <web-view src="{{url}}" bindmessage="onMessage"></web-view> Page({ onMessage: function (e) { var base64 = wx.getStorageSync('pdfBase64'); // 从本地缓存中获取 base64 数据 var data = JSON.parse(e.detail.data); if (data.type === 'getPdfBase64') { e.target.postMessage({ type: 'pdfBase64', data: base64 }); // 将 base64 数据传递给 WebView 页面 } } }); ``` 以上代码仅供参考,具体实现可以根据实际需求进行调整。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值