[JavaScript]使用ArrayBuffer和Blob编辑二进制流

Blob()构造方法返回一个新的Blob对象. 内容是包含参数array的二进制字节流.

语法

var aBlob = new Blob( array, options );

参数

  • array is an Array of ArrayBuffer, ArrayBufferView, Blob, DOMString objects, or a mix of any of such objects, that will be put inside the Blob. DOMStrings are encoded as UTF-8.
  • options is an optional BlobPropertyBag dictionary which may specify the following two attributes:
    • type, with a default value of "", that represents the MIME type of the content of the array that will be put in the blob.
    • endings, with a default value of "transparent", that specifies how strings containing the line ending character \n are to be written out. It is one of the two values: "native", meaning that line ending characters are changed to match host OS filesystem convention, or "transparent", meaning that endings are stored in the blob without change.
var buffer = new ArrayBuffer(2);
var int8View = new Int8Array(buffer);
int8View[0] = 170;
int8View[1] = 254; var blob = new Blob([int8View, event.target.result]);

此段代码创建了一个2字节的二进制数10101010和11111110,并且把它追加到了event.target.result字节流的头部

var buffer = new ArrayBuffer(8);
var uInt32 = new Uint32Array(buffer);
uInt32[0] = 2356021; console.log(uInt32[0]); //
console.log(uInt32.length); //
console.log(uInt32.BYTES_PER_ELEMENT); // var view = new DataView(buffer,0,8);
console.log(view.getUint32(0,4));//

此段代码创建了2个无符号32位整数buff(一个unsigned int需要4个字节空间,所以new ArrayBuffer(8)分配了8个字节,即,可容纳8/4=2个unsigned int类型的整数);

在第1个数组放置2356021,当然你可以使用uInt32[1]放置第二个值,但是你只能放置2个值,毕竟它只分配了8/4=2个unsigned int类型的整数;

调用length可查看ArrayBuffer的长度,这里是2,调用BYTES_PER_ELEMENT可查看每个元素占用的字节数,这里是4;

运用DataView可以以一种方式去读取某段buff的值;

查看更多的例子:

运用XHR异步请求接收二进制流

上一篇:搭建 webpack、react 开发环境(三)


下一篇:Hadoop 系列文章(一) Hadoop 的安装,以及 Standalone Operation 的启动模式测试