我收到一个图像的base64字符串,并将其用作html页面中的源代码。反过来,img是div的孩子。我想通过图像尺寸自动调整div的大小。尝试使用javascript(... = element.style.height)获取图像的尺寸,但它不起作用(我认为这是因为异步加载图像)。现在我想也许有可能提前获得图像尺寸并手动计算父div的大小。
以某种方式可以从base64字符串中提取图像尺寸而不完全解码吗?
已编辑我使用onload方法调整父div的大小。
答案 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