使用jquery多次检查img加载

Question

我有服务器脚本，可生成上传文件的缩略图。 有时上传过程需要一些时间，因为有些文件大约是60 MB的PSD文件。

缩略图创建过程作为独立服务工作并完成上传并不意味着创建了thumnail。

我不知道是否在上传完成时创建了缩略图，但我知道将创建的缩略图文件的名称。

所以我的问题，

上传完成后，我想检查文件是否创建5次，间隔为5秒。如果这些请求都没有成功返回，我想显示一个默认的img缩略图。

这就是我现在所拥有的......

...

    this.thumbImgTryNum = 0;

    this._setPreviewImageSafeSrc = function (path, ext) {

        this.$fileThumb.attr('src', path).error(function () {

            if (thisPanel.thumbImgTryNum <= options.thumbImgMaxTry) {

                setTimeout(function () {

                    console.log('ERROR : ' + thisPanel.thumbImgTryNum);

                    thisPanel._setPreviewImageSafeSrc(path, ext);

                    thisPanel.thumbImgTryNum++;

                }, 5000);

            }
        });
    }

...

我找不到办法。

感谢。

Answer 1

您可以使用$ .AJAX：

   var jqxhr = $.ajax( "example.php" )
        .done(function() {
            // image exists
        })
        .fail(function() {
            // image does not exist
        });