分享更有价值
被信任是一种快乐

二进制相关数据类型有哪些

文章页正文上

这篇文章主要介绍“二进制相关数据类型有哪些”,在日常操作中,相信很多人在二进制相关数据类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”二进制相关数据类型有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!二进制相互转换图二进制相关数据类型在介绍常见的二进制数据处理之前,先简单介绍下几种二进制相关的数据类型ArrayBuffer && TypedArrayTypedArray 是 ES6+ 新增的描述二进制数据的类数组数据结构。但它本身不可以被实例化,甚至无法访问,你可以把它理解为 Abstract Class 或者 Interface。而基于 TypedArray,有如下数据类型:Uint8ArrayUint 及 Unsigned Int 代表数组的每一项是无符号整型8 代表数据的每一项占 8 个比特位,即一个字节Int8Arr免费云主机、域名ayUint16ArrayInt16Array…通过 Uint8Array,即可知道 Uint16Array,Int8Array 所代表的意义。ArrayBuffer 代表二进制数据结构,「并且只读」,需要转化为 TypedArray 进行写操作。连接多个 TypedArrayTypedArray 没有像数组那样的 Array.prototype.concat 方法用来连接多个 TypedArray。不过它提供了 TypedArray.prototype.set 可以用来间接连接字符串 ❝ 可以参考 MDN 文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray/set ❞原理就是先分配一块空间足以容纳需要连接的 TypedArray,然后逐一在对应位置叠加同时您还需要对资源的获取有大致的了解,如 XHR,fetch,通过文件上传。BlobBlob 是浏览器端的类文件对象。操作 Blob 需要使用数据类型 FileReader。FileReader 有以下方法,可以把 Blob 转化为其它数据FileReader.prototype.readAsArrayBufferFileReader.prototype.readAsTextFileReader.prototype.readAsDataURLFileReader.prototype.readAsBinaryString数据输入数据输入或者叫资源的请求可以分为以下两种途径通过 url 地址请求网络资源通过文件上传请求本地资源fetchfetch 应该是大家比较熟悉的,但大多使用环境比较单一,一般用来请求 json 数据。其实, 「它也可以设置返回数据格式为 Blob 或者 ArrayBuffer。」fetch 返回一个包含 Response 对象的 Promise,Response 有以下方法Response.prototype.arrayBufferResponse.prototype.blobResponse.prototype.textResponse.prototype.json ❝ 详情可以查看 MDN 文档 https://developer.mozilla.org/en-US/docs/Web/API/Response ❞另外,万能的 Response API 既可以可以使用 TypedArray,Blob,Text 作为输入,又可以使用它们作为输出。「这意味着关于这三种数据类型的转换完全可以通过 Response」xhr「xhr 可以设置 responseType 接收合适的数据类型」File本地文件可以通过 input[type=file] 来上传文件。当上传成功后,可以通过 document.getElementById(‘input’).files[0] 获取到上传的文件,即一个 File 对象,它是 Blob 的子类,可以通过 FileReader 或者 Response 获取文件内容。数据输出或者叫数据展示或者下载,数据经二进制处理后可以由 url 表示,然后通过 image, video 等元素引用或者直接下载。Data URLData URL 即 Data As URL。所以, 「如果资源过大,地址便会很长。」 使用以下形式表示。先来一个 hello, world。把以下地址粘入地址栏,会访问到 hello, worldBase64 编码与解码Base64 使用大小写字母,数字,+ 和 / 64 个字符来编码数据,所以称为 Base64。经编码后,文本体积会变大 1/3在浏览器中,可以使用 atob 和 btoa 编码解码数据。Object URL可以使用浏览器新的 API URL 对象生成一个地址来表示 Blob 数据。下载data:application/octet-stream;base64,5bGx5pyI资源的下载可以利用 FileSaver[1] 。这里也简单写一个函数,用来下载一个链接二进制数据转换二进制数据转换以上是二进制数据间的转换图,有一些转换可以直接通过 API,有些则需要代码,以下贴几种常见转换的代码String to TypedArray根据上图,由字符串到 TypedArray 的转换,可以通过 「String -> Blob -> ArrayBuffer -> TypedArray」 的途径。关于代码中的函数 readBlob 可以回翻环节 数据类型 – Blob[2]也可以通过 Response API 直接转换 「String -> ArrayBuffer -> TypedArray」这上边两种方法都是直接通过 API 来转化,如果你更像了解如何手动转换一个字符串和二进制的 TypedArrayString to TypedArray 2使用 enodeURIComponent 把字符串转化为 utf8,再进行构造 TypedArray。实践1. 如何上传本地图片并在网页上展示由以上整理的转换图得出途径本地上传图片 -> Blob -> Object URL2. 如何拼接两个音频文件由以上整理的转换图得出途径fetch请求音频资源 -> ArrayBuffer -> TypedArray -> 拼接成一个 TypedArray -> ArrayBuffer -> Blob -> Object URL3. 如何把 json 数据转化为 demo.json 并下载文件json 视为字符串,由以上整理的转换图得出途径Text -> DataURL除了使用 DataURL,还可以转化为 Object URL 进行下载。关于下载的函数 download,可以参考以上环节 数据输出-下载[3]Text -> Blob -> Object URL可以把以下代码直接粘贴到控制台下载文件到此,关于“二进制相关数据类型有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注云技术网站,小编会继续努力为大家带来更多实用的文章!

相关推荐: python如何使用pop()删除字典键值对

这篇文章将为大家详细讲解有关python如何使用pop()删除字典键值对,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。{‘name’: ‘Tom’}默认返回值 {‘name’免费云主机、域名: ‘Tom’}关于“python…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册