Javascript 设置图像src在Firefox上不起作用

我将获取所选图像的Url数据，并将其放入创建的图像对象中。我有Url数据，但这个imgOrg.src=imgSrc；在FireFox上不起作用。知道为什么吗

window.onload=函数{ 变量读取器、imgSrc、imgOrg； if window.FileReader{ reader=新文件读取器； reader.onloadend=函数e{ imgSrc=e.target.result； console.infoimgSrc； }; } var avatarInput=document.querySelector'imageFile'； avatarInput.addEventListener'change'，函数E{ console.infoimgOrg； imgOrg={}； var元素=e.目标； imgSrc=； 如果element.value！=={ reader.readAsDataURLe.target.files[0]； setTimeoutfunction{ imgOrg=新图像； imgOrg.src=imgSrc； console.logimgOrg.src=+ imgOrg.src； console.logimgSrc； console.logimgOrg.width； console.logimgOrg.height； var比率=imgOrg.宽度/imgOrg.高度； var fWidth，fHight； 如果比率>=1{ fWidth=300； fHight=1/比值*300； } }, 1000; } }，假； };

---

主要问题是：我试图在加载完成之前获取图像的宽度和高度。创建图像对象后，我将其余代码放入imgOrg.onload

window.onload=函数{ 变量读取器、imgSrc、imgOrg； if window.FileReader{ reader=新文件读取器； reader.onloadend=函数e{ imgSrc=e.target.result； console.infoimgSrc； }; } var avatarInput=document.querySelector'imageFile'； avatarInput.addEventListener'change'，函数E{ imgOrg={}； var元素=e.目标； imgSrc=； 如果element.value！=={ reader.readAsDataURLe.target.files[0]； setTimeoutfunction{ imgOrg=新图像； imgOrg.src=imgSrc； imgOrg.onload=函数{ console.logimgOrg.src=+ imgOrg.src； console.logimgSrc； console.logimgOrg.width； console.logimgOrg.height； var比率=imgOrg.宽度/imgOrg.高度； var fWidth，fHight； 如果比率>=1{ fWidth=300； fHight=1/比值*300； } } }, 1000; } }，假； };

---

如果readAsDataURL需要比100毫秒更多的时间来完成呢？在我看来，100毫秒是一个很短的超时时间。当然，在本地主机上，它应该几乎立即加载，但不依赖于此。@Hacketo，我甚至尝试了500毫秒，但什么都没有，它在控制台中输出了什么吗？我附上了一个示例！一无所获