Image onload function doesnt work in safari and edge

Question

imageObj.onload = function() {

and

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

I want to execute code when image is loaded. I have tried both of above lines but none of its working in edge and safari. In chrome, it's working fine.

Does this help? https://stackoverflow.com/questions/12354865/image-onload-event-and-browser-cache — Phil Cooper, Feb 04 '19 at 09:32

score 0 · Answer 1 · answered Feb 05 '19 at 04:48

I made a test with code sample below and looks like these code samples are working with 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>

Output in MS Edge.

Here is the alternative approach.

<!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>

You can try to make a test with these code on your side. If issue persist than I suggest you to post your full sample code. We will try to check it.

Image onload function doesnt work in safari and edge

1 Answers1