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

Question

我收到一张图片的 base64 字符串，并将其用作 html 页面的源。反过来，img 是 div 的子元素。我想让 div 根据图像尺寸自动调整大小。尝试使用 javascript (... = element.style.height) 获取图像的尺寸，但没有成功(我认为这是因为图像的异步加载)。现在我认为也许可以提前获取图像尺寸并手动计算父 div 的大小。

是否有可能在不完全解码的情况下从 base64 字符串中提取图像尺寸？

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

Answer 1

这取决于图像格式。

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