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
基础教程推荐
- 如何添加到目前为止的天数? 2022-01-01
- 即使用户允许,Gmail 也会隐藏外部电子邮件图片 2022-01-01
- 在 contenteditable 中精确拖放 2022-01-01
- Fabric JS绘制具有活动形状的多边形 2022-01-01
- Bokeh Div文本对齐 2022-01-01
- fetch 是否支持原生多文件上传? 2022-01-01
- npm start 错误与 create-react-app 2022-01-01
- 原生拖动事件后如何获取 mouseup 事件? 2022-01-01
- Bootstrap 模态出现在背景下 2022-01-01
- 检查 HTML5 拖放文件类型 2022-01-01
