Blob File ArrayBuffer TypedArray Int32Array等的区别

最新推荐文章于 2024-01-12 15:44:48 发布
最新推荐文章于 2024-01-12 15:44:48 发布
阅读量464 收藏
点赞数
分类专栏： 专题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zyh_haha/article/details/100124797
版权
本文是关于Blob、ArrayBuffer和TypedArray的学习笔记，主要探讨了Blob在Web API中的角色，以及如何从Blob提取数据到ArrayBuffer。还介绍了ArrayBuffer作为存储二进制数据的内存段，需要通过视图（Int32Array等）进行读写。
摘要由CSDN通过智能技术生成

本系列文章是本人学习相关知识时所积累的笔记，以记录自己的学习历程，也为了方便回顾知识；故文章内容较为随意简练，抱着学习目的来的同学务必转移他处，以免我误人子弟~

参考资料
mdn: blob
ArrayBuffer和TypedArray，以及Blob的使用
简书：JavaScript(ES6) - ArrayBuffer

Blob

Blob是 Web Api，即是只有浏览器才实现。若在nodejs环境中，则没有此对象

// app.js
let blob = new Blob([])

$ node app.js
  ReferenceError: Blob is not defined

同理，FormData 也是Web Api，因此在nodejs中也是同样的错误-FormData is not defined
blob是一个不变的、包含原始数据的类文件对象，input[type=file]获取的F

最低0.47元/天 解锁文章
郑宇华
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node.js mysql bolb,如何在Node.js中创建Blob？
weixin_42521186的博客
01-28 2119
I have tried to create a Blob in Node.js. First just this:var b = new Blob(['hi', 'constructing', 'a', 'blob']);This fails with ReferenceError: Blob is not definedThen I tried with the blob module (th...
uni.app-vue3通过二进制文件进行显示视频
最新发布
王佩健的博客
05-30 250
blob:http://形式。
file 和 blob 有什么区别
抹不去你留下的唇印的博客
07-06 972
然后，使用该Blob对象创建了一个新的File对象，并将其命名为example.txt最后，可以通过访问File对象的name属性来获取文件名。使用场景：如果需要处理用户上传的文件或者操作带有元信息（如名称、大小）的二进制数据，则使用File更合适。数据来源：File对象通常用于表示用户选择的文件，例如通过文件输入框上传的文件。而Blob对象可以由其他方式创建，比如从网络请求获取到的二进制数据或者在前端生成的数据。在JavaScript中，Blob对象的文件名是通过创建一个新的File对象来指定的。
Blob 和 File 的区别，以及 Blob、File、Base64 三种类型的相互转换
bighead的博客
01-12 1476
表示不可变的、原始数据的类文件对象。它通常用于存储大块的二进制数据，比如图像、音频或视频文件等。对象可以包含任意类型的数据，不仅限于文本或二进制数据。它的数据是只读的，你不能直接修改。的子类，通常用于表示用户选择的文件。它包含了文件的元信息，如文件名、大小、修改时间等。的一种特殊情况，用于表示用户选择的文件，并包含了文件的相关信息。的所有功能，并在此基础上添加了文件相关的元信息。中用于处理二进制数据的对象，但它们有一些区别。是用于存储任意类型的二进制数据的对象，而。通常用于一般的二进制数据存储，而。
ArrayBuffer和TypedArray，以及Blob的使用
weixin_33738982的博客
09-14 160
　　前端使用TypedArray编辑二进制 　　ES6提供了， ArrayBuffer和TypedArray， 让前端也可以直接操作编辑二进制数据， 网页中的类型为file的input标签， 也可以通过FileReader转化为二进制， 然后再做编辑等， 本文提供参考； 　　ArrayBuffer : 代表内存之中的一段二进制数据， 通过它我们可以直接创建二进制对象，然后使用相关的方法和属性。...
blob没权限 ie,ie9错误：“ Blob”未定义
weixin_29585753的博客
01-17 1036
(Kendo grid export to csv)works fine in firefox, chrome and IE11in ie9 im gettingblob = new Blob([csv], { type: 'text/csv;charset=utf-8' }); //Blob.jssaveAs(blob, fileName); //FileSaver.js'Blob' is un...
caffe源码阅读之Blob数据块
Charel_CHEN的博客
07-21 532
Blob数据块 Blob数据块是Caffe最基本，也是最重要的模块，Blob数据块用来存储 每一层数据的输入、输出以及每一层的权值，可以说Blob是Caffe的基石。 Blob数据块 blob头文件 SyncedMemory头文件 SyncedMemory源文件 Blob源文件 blob头文件 头文件中，定义了简单的内联函数，以及一些成员变量，最重要的是data_, d...
binconv-npm:Blob，Uint8Array，ReadableStream，ArrayBuffer，JavaScriptTypeScript中的字符串的转换器
03-20
转换功能Base64 → Uint8Array base64ToUint8Array() Blob → ArrayBuffer blobToArrayBuffer() Blob → ReadableStream blobToReadableStream() Blob → Uint8Array blobToUint8Array() ReadableStream → Blob ...
image-juggler:在不同的Web容器之间处理像素数据，例如， ，ImageData，File，ArrayBuffer，Blob，Array等
05-22
形象变戏法者 Web具有一些不错的图像处理功能，但API完全不一致。 另外，一些第三方库需要画布，其他一些则需要图像。 而且，如果您需要读入图像，则需要了解和 API的内在联系... var file = e . target . files [ 0 ]
Python库 | blobfile-1.2.3-py3-none-any.whl
02-15
本文将深入探讨"blobfile-1.2.3-py3-none-any.whl"这个Python库及其相关知识点。 "blobfile"是一个Python库，主要设计用于处理云存储服务中的大对象（Binary Large Object，简称BLOB）。在云计算环境中，BLOB通常...
Python库 | blobfile-0.4.3-py3-none-any.whl
05-28
资源分类：Python库 所属语言：Python 使用前提：需要解压 资源全名：blobfile-0.4.3-py3-none-any.whl 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
Python库 | blobfile-0.16.7-py3-none-any.whl
03-28
资源分类：Python库 所属语言：Python 资源全名：blobfile-0.16.7-py3-none-any.whl 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
JS中ArrayBuffer和Uint8Array区别
热门推荐
qq_34754747的博客
01-20 3万+
1. ArrayBuffer又称类型化数组。 ArrayBuffer Uint8Array数组 存储内容 放0和1组成的二进制数据 放数字、字符串、布尔值以及对象和数组等 存储位置 数据放在栈中（所以取数据较快） 放在堆中 存储大小 初始化后固定大小 数组则可以自由增减 2. ArrayBuffer构造函数 var arra...
Node报错 ReferenceError xxxx is not defined
qq_38431321的博客
06-11 9065
Node报错: ReferenceError: xxxx is not defined 错误含义： ReferenceError: __dirname is not defined ????文档 __dirname和 __filename—官方文档 Node13.2.0后支持ES6模块化 由文档可知__dirname是一个全局变量，但实际又不是一个全局变量。 因为__filename和 __dirname在ES模块中不存在。 如果最近的父package.json包含“type”：“module”
NODEjs 从数据库读取blob格式存储的图片
u011681008的博客
10-26 8373
最近一段时间在弄nodejs 的应用，遇到一个场景，以前用flex 开发了一个app，app录入数据填写进本地的sqlite数据库，其中app上传的图片文件以二进制流（byteArray）格式存储进数据库中的image字段（blob），现在需要通过nodejs 读取该数据并存储为图片格式，这时遇到了遇到了一个问题使用buff存储的时候图片显示不出来，这个问题卡了我好几天后来对二进制文件进行比对（同
Blob进阶（一个小程序）
ture_dream的博客
11-24 2311
从今天起 做一个幸福的人 学caffe 敲代码 我有一所房子 由Blob建起 Blob在内存中表示四维数组，维度由高到底为（num_,channels_,height_,width_), num:第几帧，存储数据或权值（data）和权值增量（diff） { 相当重要的两个概念} channels:颜色通道RGB height:图像的高 width：图像的宽
blob转ArrayBuffer
06-10
可以通过创建一个FileReader对象并使用它的readAsArrayBuffer方法将Blob对象转换为ArrayBuffer。具体实现如下： ```javascript function blobToArrayBuffer(blob, callback) { var reader = new FileReader(); reader.onload = function() { callback(reader.result); } reader.readAsArrayBuffer(blob); } ``` 其中，`blob`是要转换的Blob对象，`callback`是转换完成后的回调函数。调用该函数的方式如下： ```javascript var blob = new Blob(["Hello, World!"], {type: "text/plain"}); blobToArrayBuffer(blob, function(arrayBuffer) { console.log(arrayBuffer); }); ``` 这里创建了一个包含字符串"Hello, World!"的Blob对象，并将其转换为ArrayBuffer，然后将转换后的结果打印到控制台上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值