Create binary blob in JS(在 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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:在 JS 中创建二进制 blob


基础教程推荐
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- 如何使用JIT在顺风css中使用布局变体? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 我可以在浏览器中与Babel一起使用ES模块,而不捆绑我的代码吗? 2022-01-01