Возможно ли сохранить изображение по ссылке?

Question

[The_good_game]

Имеется ссылка на изображение:

Картинка

Есть ли способ записать в переменную картинку, находящуюся по этой ссылке?

Comments

[Konfy]

Есть ли способ записать в переменную картинку, находящуюся по этой ссылке?

Ну допустим есть. Главный вопрос - чтобы дальше делать с ней что?

[The_good_game]

Konfy, мне нужно будет создать коллекцию div элементов и задать картинки в качестве фонового изображения (у картинок будут разные ссылки). Но я не хочу, чтобы пользователь видел загрузку этих картинок (пустые дивы, у которых постепенно появляются фоновые изображения). Вместо этого, я хочу сделать информационный блок, который исчезнет после загрузки всех изображений, чтобы пользователь увидел сразу конечный результат.

Answer 1

[Rsa97]

const result = await fetch('https://images.pexels.com/photos/3408744/pexels-photo-3408744.jpeg?auto=compress&cs=tinysrgb&h=130');
const img = await result.blob();

Comments

[The_good_game]

Спасибо за ответ, но я не совсем понимаю, как дальше использовать перменную img. В данном случае blob() возвращает:

{
  size: 5987,
  type: "image/jpeg"
}

[Rsa97]

The_good_game,

const result = await fetch('https://images.pexels.com/photos/3408744/pexels-photo-3408744.jpeg?auto=compress&cs=tinysrgb&h=130');
const img = await result.blob();
const url = URL.createObjectURL(img);
const div = document.querySelector('div');
div.style.background = `url('${url}')`;