如何找到Base64图像的宽度和高度

How to find the Base64 image width and height

本文关键字：高度 图像 何找 Base64      更新时间：2023-09-26

如何找到Base64图像的宽度和高度?

<img id="thumb0" width="200" height="200"
src="data:image/png;base64, ................">

图像属性宽度和高度是恒定的，因为我需要将它们显示为缩略图，但是原始图像属性是不同的。

我需要得到原始图像的高度和宽度。

假设我的原始图像的高度和宽度是750 X 500像素

我试过这样做，但我得到的属性宽度和高度:

$("#thumb0").width();

200

如何获得图像的原始宽度和高度?

您可以构建另一个图像元素并获取其大小:

var img = new Image();
img.src = $('#thumb0').attr('src');
var originalWidth = img.width;

Denys ssamguret的回答中提到的HTMLImageElements的Image()构造函数是正确的方法，但有一个警告:构造函数实际上是异步的!因此，您可能会在某些浏览器中遇到意想不到的行为;从我有限的实验来看，Denys ssamguret的代码在Chrome中100%正常运行，但在Firefox和Safari中有时只能正常运行。不了解别人。

正确的方法似乎是使用onload处理程序，如: 
var img = new Image();
img.src = some_base64_image_source;
console.log(img.width);       // This might print out 0!
img.onload = function() {
    console.log(img.width);   // This will print out the width.
}
相关文章：