未故意通过HTTP完成加载的映像

Question

我正在创建一个使用大量JavaScript的Web应用程序。在那里我必须处理由

创建的图像时的情况

var myImg = new Image();
myImg.src = 'http://...../';

不会很快加载。所以添加像

这样的处理程序

myImg.onload = handlerFunction;

很容易。

但我怎么调试呢？ 即如何有目的地使图像缓慢加载（甚至从不......）？

是否有可能通过仅使用该图片的网址向我提供此类图像的网络服务？

Answer 1

这是因为OP发现它在他的场景中很有用:)

您可以在src属性中放入PHP URL并在PHP中使用sleep（）。

HTML

<img src="/my_image_test.php" alt="testing behavior on image load delay" />

my_image_test.php

sleep(10); //delay for 10 seconds
header('Content-Type: image/jpeg');
//output image here if you have to

或者如果您不想更改源代码，可以使用URL重写将图像请求重写为PHP页面

Answer 2

如果您想预先加载图片，可以使用CSS / JavaScript。

  

是否有可能通过仅使用该图片的网址向我提供此类图像的网络服务？

取决于您正在寻找什么样的图像。您可以搜索google.com的图片部分。如果您能找到它，则可以在应用程序中使用其URL。