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
基础教程推荐
- Node.js 有没有好的索引/搜索引擎? 2022-01-01
- jQuery File Upload - 如何识别所有文件何时上传 2022-01-01
- 如何使用 CSS 显示和隐藏 div? 2022-01-01
- 如何在特定日期之前获取消息? 2022-01-01
- 每次设置弹出窗口的焦点 2022-01-01
- 如何使用sencha Touch2在单页中显示列表和其他标签 2022-01-01
- 为什么我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT? 2022-01-01
- WatchKit 支持 html 吗?有没有像 UIWebview 这样的控制器? 2022-01-01
- 什么是不使用 jQuery 的经验技术原因? 2022-01-01
- Javascript 在多个元素上单击事件侦听器并获取目标 2022-01-01
