如何在使用jquery进行ajax调用后等待映像加载？

我有一个Python脚本，正在对JPEG图像进行一些操作。 我将一些参数传递给此脚本并从我的HTML页面调用它。 该脚本返回一个img src =“newimage.jpg标签。

我知道如何等待脚本的回复，但我不知道如何判断图像何时完全加载（当它是，我想显示它）。 我现在得到的是图像加载缓慢，因此用户看到了这个“加载”过程。 相反，我希望有一个消息告诉用户在图像加载时等待，然后我才想显示图像。

Answer 1

您可以动态创建新图像，将某些内容绑定到其load事件，并设置源：

$('').bind('load', function() { $(this).appendTo('body'); }).attr('src', image_source); 

Answer 2

图片加载

等待ajaxRequest

Answer 3

其他答案已经提到了如何使用jQuery，但无论你使用哪个库，最终你都会遇到图像的加载事件。

没有库，你可以做这样的事情：

 var el = document.getElementById('ImgLocation'); var img = document.createElement('img'); img.onload = function() { this.style.display = 'block'; } img.src = '/path/to/image.jpg'; img.style.display = 'none'; el.appendChild(img);