富贵资源网 Design By www.hznty.com
关于javascript前端开发之实现二进制读写操作的相关介绍，请看以下内容详解，本文介绍的非常详细，具有参考价值。
由于种种原因，在浏览器中无法像nodejs那样操作二进制。
最近写了一个在浏览器端操作读写二进制的帮助类
!function (entrance) {
"use strict";
if ("object" === typeof exports && "undefined" !== typeof module) {
module.exports = entrance();
} else if ("function" === typeof define && define.amd) {
define([], entrance());
} else {
var f;
if ("undefined" !== typeof window) {
f = window;
} else {
throw new Error('wrong execution environment');
}
f.TinyStream = entrance();
}
}(function () {
var binaryPot = {
/**
* 初始化字节流,把-128至128的区间改为0-256的区间.便于计算
* @param {Array} array 字节流数组
* @return {Array} 转化好的字节流数组
*/
init: function (array) {
for (var i = 0; i < array.length; i++) {
array[i] *= 1;
if (array[i] < 0) {
array[i] += 256
}
if(array[i]>255){
throw new Error('不合法字节流')
}
}
return array;
},
/**
* 把一段字符串按照utf8编码写到缓冲区中
* @param {String} str 将要写入缓冲区的字符串
* @param {Boolean} isGetBytes 是否只得到内容字节(不包括最开始的两位占位字节)
* @returns {Array} 字节流
*/
writeUTF: function (str, isGetBytes) {
var back = [],
byteSize = 0;
for (var i = 0; i < str.length; i++) {
var code = str.charCodeAt(i);
if (code >= 0 && code <= 127) {
byteSize += 1;
back.push(code);
} else if (code >= 128 && code <= 2047) {
byteSize += 2;
back.push((192 | (31 & (code 6))));
back.push((128 | (63 & code)))
} else if (code >= 2048 && code <= 65535) {
byteSize += 3;
back.push((224 | (15 & (code 12))));
back.push((128 | (63 & (code 6))));
back.push((128 | (63 & code)))
}
}
for (i = 0; i < back.length; i++) {
if (back[i] > 255) {
back[i] &= 255
}
}
if (isGetBytes) {
return back
}
if (byteSize <= 255) {
return [0, byteSize].concat(back);
} else {
return [byteSize 8, byteSize & 255].concat(back);
}
},
/**
* 把一串字节流按照utf8编码读取出来
* @param arr 字节流
* @returns {String} 读取出来的字符串
*/
readUTF: function (arr) {
if (Object.prototype.toString.call(arr) == "[object String]") {
return arr;
}
var UTF = "",
_arr = this.init(arr);
for (var i = 0; i < _arr.length; i++) {
var one = _arr[i].toString(2),
v = one.match(/^1+"[object ArrayBuffer]") {
var arr = new Int8Array(array);
this.pool = binaryPot.init([].slice.call(arr));
} else if (typeof array === 'string') {
this.pool = binaryPot.writeUTF(array);
}
var self = this;
//当前流执行的起始位置
this.position = 0;
//当前流写入的多少字节
this.writen = 0;
//返回当前流执行的起始位置是否已经大于整个流的长度
this.check = function () {
return self.position >= self.pool.length
};
}
/**
* 强制转换为Stream对象
* @param x
* @returns {*|Stream}
*/
Stream.parse = function (x) {
return binaryPot.convertStream(x);
};
Stream.prototype = {
/**
* 从缓冲区读取4个字节的长度并转换为int值,position往后移4位
* @returns {Number} 读取到的数字
* @description 如果position大于等于缓冲区的长度则返回-1
*/
readInt: function () {
if (this.check()) {
return -1
}
var end = "";
for (var i = 0; i < 4; i++) {
end += this.pool[this.position++].toString(16)
}
return parseInt(end, 16);
},
/**
* 从缓冲区读取1个字节,position往后移1位
* @returns {Number}
* @description 如果position大于等于缓冲区的长度则返回-1
*/
readByte: function () {
if (this.check()) {
return -1
}
var val = this.pool[this.position++];
if (val > 255) {
val &= 255;
}
return val;
},
/**
* 从缓冲区读取1个字节,或读取指定长度的字节到传入的数组中,position往后移1或bytesArray.length位
* @param {Array|undefined} bytesArray
* @returns {Array|Number}
*/
read: function (bytesArray) {
if (this.check()) {
return -1
}
if (bytesArray) {
return baseRead(this, bytesArray.length | 0, bytesArray)
} else {
return this.readByte();
}
},
/**
* 从缓冲区的position位置按UTF8的格式读取字符串,position往后移指定的长度
* @returns {String} 读取的字符串
*/
readUTF: function () {
var big = (this.readByte() << 8) | this.readByte();
return binaryPot.readUTF(this.pool.slice(this.position, this.position += big));
},
/**
* 把字节流写入缓冲区,writen往后移指定的位
* @param {Number|Array} _byte 写入缓冲区的字节(流)
* @returns {Array} 写入的字节流
*/
write: function (_byte) {
var b = _byte;
if (Object.prototype.toString.call(b).toLowerCase() == "[object array]") {
[].push.apply(this.pool, b);
this.writen += b.length;
} else {
if (+b == b) {
if (b > 255) {
b &= 255;
}
this.pool.push(b);
this.writen++
}
}
return b
},
/**
* 把参数当成char类型写入缓冲区,writen往后移2位
* @param {Number} v 写入缓冲区的字节
*/
writeChar: function (v) {
if (+v != v) {
throw new Error("writeChar:arguments type is error")
}
this.write((v 8) & 255);
this.write(v & 255);
this.writen += 2
},
/**
* 把字符串按照UTF8的格式写入缓冲区,writen往后移指定的位
* @param {String} str 字符串
* @return {Array} 缓冲区
*/
writeUTF: function (str) {
var val = binaryPot.writeUTF(str);
[].push.apply(this.pool, val);
this.writen += val.length;
},
/**
* 把缓冲区字节流的格式从0至256的区间改为-128至128的区间
* @returns {Array} 转换后的字节流
*/
toComplements: function () {
var _tPool = this.pool;
for (var i = 0; i < _tPool.length; i++) {
if (_tPool[i] > 128) {
_tPool[i] -= 256
}
}
return _tPool
},
/**
* 获取整个缓冲区的字节
* @param {Boolean} isCom 是否转换字节流区间
* @returns {Array} 转换后的缓冲区
*/
getBytesArray: function (isCom) {
if (isCom) {
return this.toComplements()
}
return this.pool
},
/**
* 把缓冲区的字节流转换为ArrayBuffer
* @returns {ArrayBuffer}
* @throw {Error} 不支持ArrayBuffer
*/
toArrayBuffer: function () {
if (supportArrayBuffer) {
return new ArrayBuffer(this.getBytesArray());
} else {
throw new Error('not support arraybuffer');
}
},
clear: function () {
this.pool = [];
this.writen = this.position = 0;
}
};
return Stream;
});
如何使用？
<script src="/UploadFiles/2021-04-02/binary.js">以后，我可以不用为浏览器段处理二进制而发愁了！！！希望本文分享对大家学习javascript二进制相关知识有所帮助。
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...
P70系列延期，华为新旗舰将在下月发布
3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。
而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。