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

本文介绍了JavaScript中数据URI的图像文件大小的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

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

I am not sure it's even possible but - can I get the image file size from data URI?

例如，假设有一个IMG元素，其中 src go：

For example, let's say there is an IMG element where src goes:

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

基于 src ，我可以使用普通的JavaScript获取图像文件大小吗？（没有服务器请求）

Based on the src, can I get the image file size by using plain JavaScript? (without server request)

推荐答案

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

If you want file size, simply decode your base64 string and check the length.

var src ="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/// yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"; var base64str = src.substr(22); var decoded = atob(base64str); console.log("FileSize: " + decoded.length);