检查图像是否存在会产生 403 错误

Question

我有一系列托管图片，但数量和网址可以更改。但是，它们始终遵循相同的递增命名约定。为了存储存在的图像，我遍历可用的图像，直到遇到错误。此时我存储结果并继续操作。

function checkForExistingImage(u, r = [], i = 0){

    var url = u + i;

    $.get(url).done(function() { 
        r.push(url);
        checkForExistingImage(u, r, i + 1);
    }).fail(function(){
        //continue working with the 'r' array
    });
}

但是，这总是会在控制台中导致 403（找不到图像）错误，因为最后检查的图像永远不会存在。

我怎样才能不触发这个错误，或者在需要时抑制它？

Answer 1

我肯定会以更文明的方式重写它。除了console.log（您可以删除）明确记录的错误之外，此函数不会记录任何错误。

使用它应该更安全，因为它不会以每秒太多的请求轰炸服务器，但如果这不是问题，您可以减少或删除超时。

function Timeout(time) {
  return new Promise(function(resolve) {setTimeout(resolve, time);});
}

async function checkForExistingImages(baseUrl, maxImages, startImage = 0) {
  const results = [];
  // Some sanity check on params
  if(maxImages < startImage) {
    let tmp = maxImages;
    maxImages = startImage + 1;
    startImage = maxImages;
  }
  // from i to max
  for(let i=startImage; i<maxImages; ++i) {
    // Create image URL, change this as needed
    const imageURL = baseUrl + i + ".png";
    // `fetch` does not throw usually, but we wanted to avoid errors in console
    try {
      // Response will have 200/404/403 or something else
      const response = await fetch(imageURL);
      if(response.status == 200) {
        results.push(imageURL);
      }
      else {
        console.info("Image",imageURL,"was removed.");
        // stop loading
        break;
      }
    }
    // complete failure, some major error occured
    catch(e) {
      console.warn("Image",imageURL, "failed to send request!");
      break;
    }
    // If you're getting throttled by the server, use timeout
    await Timeout(200);
  }
  return results;
}