javascript - 为什么HTML5文件api提供base64代码？

Question

HTML5 文件 api 为上传的图片提供 base64 代码。有什么优势？图像是否可以更好地通过 HTTP 作为 base 64 传输？

Answer 1

当您使用 base64 图像时，您将 http GET 请求保存到服务器以从 url 下载图像，因为 img 已经嵌入在标签内的 base64 中。

但是，使用 base64 编码加载到客户端的图像要重 30%，如果图像自然很大，这真的很糟糕，因为它会增加带宽利用率。

另一个问题是 base64 图像不可缓存。因此，客户端每次打开页面时都会处理它，无论多少次。显然，它会增加 CPU 时间。

如您所见，需要考虑权衡取舍。为了提高性能，您应该使用 base64 仅加载小图像，因为与往返 http GET 请求的开销相比，小图像的 30% 是一个较低的增加。然后，您将传统的 http get 请求保存到较大的请求中。