Javascript 为什么createObjectURL构造的图像的宽度为0？

这是我的代码，应该从表单文件输入中加载图像，如果图像太大，则调整其大小。问题是，当我创建一个新的图像对象并设置它的src时，它的宽度等于零。但是，当我将图像放入html时，它会正确显示

var image = document.createElement('img');
var image_url = window.URL.createObjectURL(image_data);
image.src = image_url;
console.log('Width: ' + image.width);

---

->宽度：0

在设置src时，图像开始加载，但在请求宽度时图像尚未加载。使用onload事件修复以下问题：

var image=document.createElement（'img'）；
var image_url=”http://domaingang.com/wp-content/uploads/2012/02/example.png"; //window.URL.createObjectURL（图像数据）；
image.src=image\u url；
image.onload=函数（）
{
警报（图像宽度）；
}

在设置src时，图像开始加载，但在请求宽度时图像尚未加载。使用onload事件修复以下问题：

var image=document.createElement（'img'）；
var image_url=”http://domaingang.com/wp-content/uploads/2012/02/example.png"; //window.URL.createObjectURL（图像数据）；
image.src=image\u url；
image.onload=函数（）
{
警报（图像宽度）；
}