Javascript-将类型化数组保存为blob，并作为二进制数据读回

Javascript - Save typed array as blob and read back in as binary data

本文关键字：二进制 数据 blob 类型化 数组 保存 Javascript-      更新时间：2023-09-26

我有一个类型化数组，其中充满了从ArrayBuffer 生成的二进制数据

var myArr = new Uint8Array(myBuffer);

我用向用户展示

var blob = new Blob(myArr, {type: "octet/stream"};
var blobURL = URL.createObjectURL(blob);

并插入链接

"<a href=" + blobUrl + " download=" + filename "/a>"

稍后，我让用户从磁盘中选择文件，并使用文件读取器进行

var reader = new FileReader();
reader.onload = function () {
console.log(reader.result);
};
reader.readAsArrayBuffer(sourceFile);

问题是，似乎无论我做什么，我都会得到文件内容的"字符串"。事实上，当我保存文件时，我可以打开它，而且它很容易被人类读取。I.E.如果我的Uint8Array是{"0" : "51", "1" : "52", "2" : "53" }

我可以在文本编辑器中打开下载的blob，我只看到"515253"，我认为这不是应该发生的事情。

我如何为我的文件下载一个格式正确的链接，这样我就可以用正确的值在dget中读回它？

事实证明，问题是我在创建Blob时出现了语法错误。

更正后的代码如下所示：var blob = new Blob([myArr], {type: "octet/stream"});

如果我已经在传递ArrayBuffer参数，我真的不知道为什么。为什么我需要括号符号？看起来多余？

根据Mozilla

https://developer.mozilla.org/en-US/docs/Web/API/Blob#Example_for_creating_a_URL_to_a_typed_array_using_a_blob

var blob = new Blob([typedArray.buffer], {type: 'application/octet-stream'});

const download = function (data) 
{
    const blob = new Blob(data, { type: "octet/stream"});
    const url = window.URL.createObjectURL(blob)
    const a = document.createElement('a')
    a.setAttribute('href', url)
    a.setAttribute('download', app.lastSub+"_"+new Date().toISOString()+'.py');
    a.click()
}
const get = async function () {
    download(app.psspyList);
}
相关文章：