文件流(FileReader)、Blob 和 Base64

1、文件流(FileReader)

FileReader 可以读取文件并以二进制或文本格式输出。可以通过 FileReader 将文件转换成一种便于传输和处理的格式,如将文件转换成 Base64 编码字符串或 ArrayBuffer 数组缓冲区对象。

优点:FileReader 的主要优点是能够直接读取文件内容,并对其进行深度定制化处理,适合于需要在前端对文件内容进行操作的场景,例如图片预览、视频截取等。

2、Blob (存储二进制文件的容器)

Blob(Binary Large Object)是一种 JavaScript 对象,表示了一个不可变、原始数据的类文件对象。Blob 可以包含任意类型的数据,如文本、二进制数据、JSON 等,且常用于处理文件上传、下载等操作。Blob 的大小可以从 0 到浏览器所允许的最大值不等。

3、base64

Base64 是一种用于将二进制数据转换成字符串的编码方式。它将每 3 个字节(3 * 8 = 24 位)转化为 4 个可打印字符(4 * 6 = 24 位),然后在编码时会在末尾补上“=”使得总长度能够被 4 整除。Base64 编码后的字符串通常用于在网络上以文本形式传输二进制数据,如图片、音频、视频等。

结论

FileReader、Blob 和 Base64 都是处理文件的有效方式,它们之间的选择取决于具体需求和场景。如果需要在前端对文件内容进行深度定制化的处理,可以使用 FileReader;如果需要在前端进行文件上传或下载,可以使用 Blob;如果需要将文件以文本形式传输到其他系统或平台,可以使用 Base64。

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值