JSFiddle - React, Tailwind, and code Playground
HTML
<img src="" id="testImage">
JavaScript
// ссылка на img со страницы
var testImage = document.getElementById('testImage');
// очистка старой картинки, чтобы не было утечек
testImage.onload = function(e) {
window.URL.revokeObjectURL(testImage.src);
};
function furload() {
// подготовка запроса к серверу
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://picsum.photos/200/300', true);
xhr.responseType = 'blob';
// обработка ответа от сервера, запихивание ответа в картинку
xhr.onload = function(e) {
if (this.status == 200) {
var blob = this.response;
testImage.src = window.URL.createObjectURL(blob);
}
};
// отправка запроса к серверу
xhr.send();
setTimeout(furload, 2000);
}
furload();