Question

imageObj.onload = function() {

和

imageObj.addEventListener('load', function() {

我想在加载图像时执行代码。我已经尝试了以上两种方法，但是没有在边缘和野生动物园中工作。在chrome中，它工作正常。

Answer 1

我用下面的代码示例进行了测试，看起来这些代码示例在MS Edge上正常工作。

<!doctype html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var img = new Image();
img.onload = function () {
   alert("image is loaded");
}
img.src = "http://pierre.chachatelier.fr/programmation/images/mozodojo-original-image.jpg";

$(img).appendTo('body');
});
</script>
</head>
<body>
</body>
</html>

MS Edge中的输出。

这是替代方法。

<!DOCTYPE html>
<html>
<body>

<img src="C:\Users\panchals\Desktop\image\9.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
  alert("Image is loaded");
}
</script>

</body>
</html>

您可以尝试使用这些代码进行测试。如果问题仍然存在，建议您发布完整的示例代码。我们将尝试对其进行检查。

图片加载功能在Safari和Edge中不起作用

1 个答案: