在 JS 中创建二进制 blob-前端问题

Create binary blob in JS(在 JS 中创建二进制 blob)

本文介绍了在 JS 中创建二进制 blob的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我在客户端生成一个文件，我有十六进制的数据，只想让用户下载生成的文件.

I'm generating a file client-side, I have the data in hexadecimal and just want to let the user download the generated file.

var blob = new Blob([hexData], {type: "application/octet-stream"});
console.log(URL.createObjectURL(blob));

生成的文件是一个纯文本文件，其中包含 ASCII 格式的十六进制数据.如何强制 Blob 按原样而不是文本包含二进制数据?

The resulting file is a plain-text file containing hex data in ASCII. How can I force the Blob to contain the binary data as is and not as text?

推荐答案

源自@Musa 上面的解决方案，所以我不能相信，但写这个作为答案比我对他的答案的蹩脚评论更清楚.

Derived from @Musa's solution above so I cannot take credit, but it's clearer to write this as an answer than my lame comment to his answer.

var byteArray = new Uint8Array(hexdata.match(/.{2}/g)
                              .map(e => parseInt(e, 16)));
var blob = new Blob([byteArray], {type: "application/octet-stream"});

也许这更容易理解?个人觉得比较清楚.

Maybe this is easier to understand? I personally think it is clearer.

这篇关于在 JS 中创建二进制 blob的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！