Javascript 上传前获取toDataUrl（）图像的大小？

我使用画布操作图像，裁剪，调整大小和优化，然后再上传它们

我正在使用

toDataUrl（）

方法在操作图像数据后获取图像数据。我从这里得到了base64编码的PNG url

我知道文件大小的图像开始，但我不确定如何获得文件大小的图像后，它已被裁剪等。。。没有上传图像

就我所见，获取数据url的长度似乎与图像大小无关。。。我不确定如何从Base64编码的PNG url获取我正在寻找的信息：操作后图像数据的文件大小

在这一点上上传图像有点违背目的，因为我需要所有这些都在客户端完成。在上传之前，我只需要确保图像是

---

任何地方似乎都没有对此的解释，因此任何信息都会有很大帮助。

。toDataURL

返回画布的基本64编码PNG图像，类似于：

data:image/png;base64,iVBORw0KG...

base 64编码部分从逗号后开始，即在位置

22

处。因此，您所需要做的就是从索引

22

开始解码字符串

var decoded = atob(cv.toDataURL().substr(22)); // atob decodes base 64

alert(decoded.length); // length of png file