js二进制及其相关转换全总结(File、Blob、FileReader、ArrayBuffer、Base64、Object URL、DataURL)

二进制数据及其转换方式

JavaScript 中处理二进制数据涉及多个概念和API，以下是对这些概念的全面总结。

基本概念

• Blob 对象：表示原始的类似文件的数据，是不可修改的二进制文件1247。
• File 接口：基于 Blob，扩展了支持用户系统上的文件的功能1。
• ArrayBuffer：表示通用的、固定长度的原始二进制数据缓冲区3。

数据读取与转换

• FileReader：用于读取数据，如将 Blob 或 File 转换为 Base64 编码的数据256。
• 类型转换：
  • Blob、File 转 Base64：使用 FileReader 的 readAsDataURL 方法5。
  • Base64 转 Blob：通过特定的函数实现转换8。

数据表示与访问

• Base64：一种编码方法，用于在网络上传输二进制数据56。
• Object URL：通过 URL.createObjectURL() 创建，允许将 Blob 和 File 对象用作 URL 源910。
• DataURL：包含编码数据和数据类型的 URL，通常用于图像5。

应用场景

• Blob 和 File 对象常用于处理非文本数据，如图片、视频等。
• FileReader 用于异步读取文件内容。
• ArrayBuffer 和 Blob 可用于更复杂的二进制数据处理。
• Base64 和 DataURL 常用于在Web应用中嵌入和传输二进制数据。

通过这些概念和技术，开发者可以在 JavaScript 中高效地处理和转换二进制数据。36