Question

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

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

Answer 1

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

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

Answer 2

Image Loading

Wait for 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);

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

3 个答案: