javascript - 为图像创建浏览器池直到可用

Question

我有一个小型 http 服务器，可以即时生成一些图像，生成过程可能需要一些时间。生成后，图像将无限期缓存。

目前，如果用户请求未缓存的图像，服务器将返回 202 Accepted用Refresh header 。如果图像被缓存，一个 301 Permanently Moved被发送并且用户被重定向到一个唯一的 url(不同的图像可能共享相同的唯一 url)。

如果图像在 <img> 中被引用，整个系统就会崩溃标记(至少在 Firefox 上)。没有 Javascript 可以解决这个问题吗？如果不是，脚本会是什么样子？

Answer 1

我不确定您是否可以在没有 Javascript 的情况下做到这一点，但您可能可以使用 ajax 做到这一点？我的意思是，指向服务器然后检查它是否在那里...然后如果它显示它，否则 30 秒后重试，它可能是这样的:

function getImage(img) {
 $.ajax({
            cache: true,
            url: <<ADDRESS>>,
            data: "",
            timeout: 60,
            error: function (jqXHR, error, errorThrown) {
                setTimeout(function() {
                    getImage(img);
                }, 30000);
            },
            success: function (data) {
                //set the image
            }
        });
}

好吧，你希望图像会在某个时候出现。

唯一的其他选择是在请求之前生成图像？例如，如果它只是为照片库创建缩略图，为什么要等到它被请求生成它呢？拥有它后立即生成它？

希望有所帮助/有意义。