Image 从base64字符串获取图像维度

Image 从base64字符串获取图像维度,image,png,base64,Image,Png,Base64,我接收图像的base64字符串,并将其用作html页面中的源。反过来,img是div的子对象。我希望通过图像尺寸自动调整div的大小。尝试使用javascript(…=element.style.height)获取图像的维度,但没有成功(我认为这是因为图像的异步加载)。现在我认为,也许可以提前获得图像尺寸,并手动计算父div的大小 是否有可能从base64字符串中提取图像维度而不进行完全解码 EDITED我使用onload方法调整父分区的大小。这取决于图像格式 例如,在PNG中非常简单:在24个

我接收图像的base64字符串,并将其用作html页面中的源。反过来,img是div的子对象。我希望通过图像尺寸自动调整div的大小。尝试使用javascript(…=element.style.height)获取图像的维度,但没有成功(我认为这是因为图像的异步加载)。现在我认为,也许可以提前获得图像尺寸,并手动计算父div的大小

是否有可能从base64字符串中提取图像维度而不进行完全解码


EDITED我使用onload方法调整父分区的大小。

这取决于图像格式

例如,在PNG中非常简单:在24个字节中解码前32个base64字符:检查位置1-3是否由ASCII字符串“PNG”组成,然后读取位置16-19和20-23的宽度和高度