<div>
You could use the onload event in the image tag. &nbsp;But, this method is not part of the HTML 4 specification. &nbsp;It works with Opera, Firefox, IE, but technically not valid. &nbsp;You might be able to get away with it anyway.<br />
<br />
You could also put the image in an iFrame and use the onLoad event (see <a href="https://www.experts-exchange.com/questions/21219260/test-iframe-load-status.html" rel="ugc">https://www.experts-exchange.com/questions/21219260/test-iframe-load-status.html</a>)
</div>


You could use the onload event in the image tag.  But, this method is not part of the HTML 4 specification.  It works with Opera, Firefox, IE, but technically not valid.  You might be able to get away with it anyway.

You could also put the image in an iFrame and use the onLoad event (see https://www.experts-exchange.com/questions/21219260/test-iframe-load-status.html [https://www.experts-exchange.com/questions/21219260/test-iframe-load-status.html])

<div>
<div class="content wysiwyg-content">
I have an ajax event that needs to fire once a image is completely loaded.<br />
The image is a php file that sets a session variable and renders the image.<br />
<br />
I need to wait until the session variable is set before firing the ajax event.<br />
<br />
Is there a way to test that an image has completely loaded?
</div>
</div>


I have an ajax event that needs to fire once a image is completely loaded.
The image is a php file that sets a session variable and renders the image.

I need to wait until the session variable is set before firing the ajax event.

Is there a way to test that an image has completely loaded?

On Image Ready

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.