在使用jquery调用ajax之后,如何等待图像加载?

在使用jquery调用ajax之后,如何等待图像加载?,jquery,python,ajax,Jquery,Python,Ajax,我有一个Python脚本,它正在JPEG图像上进行一些操作。我将一些参数传递给这个脚本,并从HTML页面调用它。该脚本返回一个img src=“newimage.jpg”标记 我知道如何等待脚本的回复,但我不知道如何判断图像何时已完全加载(加载时,我希望显示它)。我现在看到的是图像加载缓慢,因此用户看到了这种“加载”“过程。相反,我希望有一条消息告诉用户在加载图像时等待,然后我才想显示图像。 您可以动态创建新映像,将某些内容绑定到其加载事件,并设置源: $('<img>').bind

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

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


您可以动态创建新映像,将某些内容绑定到其加载事件,并设置源:

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

$(“其他答案提到了如何使用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);

很高兴看到答案写在这里,而不仅仅是在链接中谢谢!你的链接非常有用!