javascript - JavaScript中数据URI的图像文件大小

Question

我不确定这是否可能，但是 - 我可以从数据 URI 中获取图像文件大小吗？

例如，假设有一个 IMG 元素，其中 src去:

src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD...

基于src ，我可以使用纯 JavaScript 获取图像文件大小吗？ (无服务器请求)

Answer 1

如果您想要文件大小，只需解码您的 base64 字符串并检查长度。

var src ="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/// yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";

var base64str = src.substr(22);
var decoded = atob(base64str);

console.log("FileSize: " + decoded.length);