href 取决于 ajax 成功或失败

Question

在我的 WordPress 中，我将自定义附件大小设置为 128x79 和 896x277。我的图像肯定会大于 128x79。如果图像小于 896x277，它会裁剪掉大于最大尺寸的部分，并将另一个设置为其最大值。这意味着 500x300 的图像将被裁剪为 500x277。

假设我的页面上有一个带有 href http://domain.com/files-128x79.jpg 的图像，我想将 files-128x79.jpg 替换为 < code>files-896x277.jpg 如果存在，否则优先查找高度最大的图片。

好吧...我决定简化我的问题以使其更容易。我现在要做的就是检查 files-896x277.jpg 是否存在，如果不存在，我希望它输出 files.jpg 。到目前为止我已经得到了这个，但似乎无法设置锚点 href。

$rewrite.find('a').each(function(index, element) {
    $.ajax({
        url : $(this).children().attr('src').replace('-128x79.', '-896x277.'),
        type: 'head',
        success : function() {
                $(this).attr('href', $(this).children().attr('src').replace('-128x79.', '-896x277.'));
        },
        error : function(xhr, d, e) {
            if (xhr.status == 404) {
                $(this).attr('href', $(this).children().attr('src').replace('-128x79.', '.'));
            }
        }
    });
});

我做错了什么？

Answer 1

在 AJAX 回调中，this 中有什么？它仍然是导致事件的因素吗？如果有，是哪个事件？ AJAX 结果事件？

我建议将 this 保存到局部变量中，以确保它包含您期望的内容：

$(function () {
    var that = $(this);
    $.ajax({
    url : that.children()....

Answer 2

是的，您可以执行以下操作：

var image = 'files-128x79.jpg';
$(function () {
    $.ajax({
        url : 'search_images.php',
        success : function(filelist) {
            //YOu have the filelist in a string. Just parse it to find the image
            ...
            var imageExists = (filelist.indexOf(image) >= 0); //Search the image
            if (!imageExists ) {
                alert('The image was not found');
            }
        },
    });
});

PHP：

search_images.php (linux)
echo `ls /images/files-*.jpg`; //This will list all the images in your directory

希望这会有所帮助。干杯