外贸网站建设厦门,南沙做网站,销售网站建设公司,群晖wordpress打开慢格式描述用途示例ArrayBuffer固定长度的二进制数据缓冲区#xff0c;不直接操作具体的数据#xff0c;而是通过类型数组或DataView对象来读写用于存储和处理大量的二进制数据#xff0c;如文件、图像等let buffer new ArrayBuffer(16);TypedArray基于ArrayBuffer对象的视图…格式描述用途示例ArrayBuffer固定长度的二进制数据缓冲区不直接操作具体的数据而是通过类型数组或DataView对象来读写用于存储和处理大量的二进制数据如文件、图像等let buffer new ArrayBuffer(16);TypedArray基于ArrayBuffer对象的视图提供特定格式的读写接口用于操作具有特定数据类型的二进制数据let int32View new Int32Array(buffer);DataView提供对ArrayBuffer的复杂和灵活读写操作可以读写任意位置的任意类型的数据当需要精确控制二进制数据的读写位置和格式时使用let dataView new DataView(buffer);Blob表示不可变的原始数据通常是二进制数据或文本数据用于处理文件、图片等二进制数据可以通过URL.createObjectURL()创建对象URLlet blob new Blob([arrayBuffer], {type: image/jpeg});File继承自Blob表示用户系统上的具体文件用于处理用户上传的文件可以获取文件名、大小等信息let file new File([blob], filename.jpg, {type: image/jpeg});Uint8Array8位无符号整数类型数组用于存储0到255之间的整数用于处理8位图像数据、字节流等let uint8Array new Uint8Array(buffer);Uint16Array16位无符号整数类型数组用于存储0到65535之间的整数用于处理音频数据、图像数据等let uint16Array new Uint16Array(buffer);Float32Array32位浮点数类型数组用于存储浮点数用于处理浮点数的二进制数据如科学计算、物理模拟等let float32Array new Float32Array(buffer);
部分使用示例
!DOCTYPE html
html langenheadmeta charsetUTF-8 /title二进制格式转换示例/title/headbodyinput typefile idfileInput accept* /button onclickconvertFileToBinaryFormats()转换文件为二进制格式/buttonpre idoutput/prescriptfunction convertFileToBinaryFormats() {const fileInput document.getElementById(fileInput);const file fileInput.files[0];if (!file) {alert(未选择文件);return;}let reader new FileReader(); // 使用let而不是constreader.onload function (event) {const arrayBuffer event.target.result;// ArrayBufferconsole.log(ArrayBuffer:, arrayBuffer);// TypedArray (例如 Uint8Array)const uint8Array new Uint8Array(arrayBuffer);console.log(Uint8Array:, uint8Array);// DataViewconst dataView new DataView(arrayBuffer);console.log(DataView:, dataView);// Blobconst blob new Blob([arrayBuffer], { type: file.type });console.log(Blob:, blob);// 显示部分Uint8Array内容作为示例const output 文件类型: ${file.type}br;output ArrayBuffer长度: ${arrayBuffer.byteLength} 字节br;output Uint8Array前10个字节: ${Array.from(uint8Array.slice(0, 10)).map((b) b.toString(16).padStart(2, 0)).join( )}br;document.getElementById(output).textContent output;};reader.readAsArrayBuffer(file);}/script/body
/html
