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

Question

HTML5文件api为上传的图像提供base64代码。有什么好处？图像是否可以通过HTTP作为基础64传输？

Answer 1

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

然而，使用base64编码加载到客户端的图像重30％，如果图像自然大，这非常糟糕，因为它会增加带宽利用率。

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

正如您所看到的，需要权衡一下。为了提高性能，您应该使用base64仅加载微小的图像，因为与往返的http GET请求的开销相比，30％的小图像的增加率较低。然后，将传统的http get请求保存到较大的请求中。