timeout-image-load.ts

const loadImage = (
  src: string,
  {
    save = true,
    timeout = Infinity,
    crossOrigin,
  }: Partial<{
    save: boolean;
    timeout: number;
    crossOrigin: string;
  }> = {}
) => {
  const img = new Image();

  return new TPromise((resolve, reject) => {
    if (timeout !== Infinity)
      setTimeout(() => {
        reject(new Error(`Load timeout for [${src}]:${timeout}ms`));
      }, timeout);

    img.crossOrigin = crossOrigin;
    img.onload = () => {
      resolve(save ? img : null);
    };
    img.onerror = (err) => {
      reject(err);
    };
    img.src = src;
  }, timeout).catch((err) => {
    if (err instanceof TPromise.TimeoutError) img.removeAttribute("src");
    throw err;
  });
};

// const img = await loadImage("https://picsum.photos/1000/1000?1", {
//   timeout: 1,
// });