从base64字符串中获取图像尺寸

时间:2012-04-23 10:35:34

标签: image png base64

我收到一个图像的base64字符串,并将其用作html页面中的源代码。反过来,img是div的孩子。我想通过图像尺寸自动调整div的大小。尝试使用javascript(... = element.style.height)获取图像的尺寸,但它不起作用(我认为这是因为异步加载图像)。现在我想也许有可能提前获得图像尺寸并手动计算父div的大小。

以某种方式可以从base64字符串中提取图像尺寸而不完全解码吗?

已编辑我使用onload方法调整父div的大小。

1 个答案:

答案 0 :(得分:5)

这取决于图像格式。

例如,在PNG中它非常简单:以24个字节解码前32个base64字符:检查位置1-3是否包含ASCII字符串'PNG',然后读取位置16-19和20-的宽度和高度23 http://www.libpng.org/pub/png/spec/1.2/PNG-Structure.html