javascript - 数据 :image/jpeg;base64 how to get its width and height in pixels

Question

如何获取其 src 在 data:image/jpeg;base64 中的像素图像的宽度和高度？

使用设置 img.src 并调用 width() 没有成功。

var img = jQuery("<img src="+oFREvent.target.result+">");
img.width() // = 0

Answer 1

这会起作用:

var img = new Image();
img.onload = function() {
    alert(this.width);
}
img.src = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAA.......";

FIDDLE

我通过转换图像来确保 base64 有效 here , onload 函数应该在设置图像源之前。