zmoki/fetch-images

Fetch images function

Fetch images function

Function for preloading images.

Your request fetchImages with the array of links of images or HTMLImageElement. fetchImages is resolve, if all images are downloaded successfully. If one of the image will be broken, fetchImages rejects.

Usage

import fetchImages from "fetch-images";

let img = new Image();

const images = [
  "https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Edvard_Munch_-_The_dance_of_life_%281899-1900%29.jpg/1920px-Edvard_Munch_-_The_dance_of_life_%281899-1900%29.jpg",
  img
];

const failImages = [
  "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/The_Scream.jpg/800px-The_Scream.jpg",
  'blah'
];

fetchImages(images)
  .then(values => {
    values.map(value => console.log(value));
  })
.catch(err => console.log(err));

fetchImages(...images)
  .then(values => {
    values.map(value => console.log(value));
  })
.catch(err => console.log(err));

fetchImages(failImages)
  .then(values => {
    values.map(value => console.lol(value));
  })
.catch(err => console.log(err));

img.src = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/The_Scream.jpg/800px-The_Scream.jpg";

fetch-images's Issues

fetchImages should accept many arguments

The task was (to be precise, in Russian):

Функция принимает в качестве аргументов любое кол-во в любой комбинации:
— строки. URL до картинок, которые нужно загрузить.
— объекты HTMLImageElement, в которые загружены картинки,
либо загружаются картинки, либо даже еще не начали загружать картинки
(только что созданные с помощью new Image(), у которых src будет установлен
после вызова функции).

This means: the function should accept any number of arguments, every of which can be a string or HTMLImageElement. Not the array of arguments.