<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title></title>
</head>
<body>
<img src="bla" alt="">
</body>
</html>var xhr = new XMLHttpRequest();
// xhr.responseType = 'text';
xhr.open('GET', '//realtyminer.simbirsoft/api/proxy/image?url=' + imageUrl);
xhr.send();
if (xhr.status != 200) {
// success
console.log( xhr.status + ': ' + xhr.statusText );
} else {
// error
console.log( xhr.responseText );
}if (xhr.status == 200) {
console.log( 'success', xhr );
} else {
console.log( 'error' + xhr.status + ': ' + xhr.statusText );
}
const loadImage = url => {
return new Promise(function(resolve, reject) {
//Open a new XHR
var request = new XMLHttpRequest();
request.open('GET', url);
// When the request loads, check whether it was successful
request.onload = function() {
if (request.status === 200) {
// If successful, resolve the promise
resolve(request.response);
} else {
// Otherwise, reject the promise
reject(Error('An error occurred while loading image. error code:' + request.statusText));
}
};
request.send();
});
};const embedImage = url => {
loadImage(url).then(function(result) {
const img = new Image();
var imageURL = window.URL.createObjectURL(result);
img.src = imageURL;
document.querySelector('body').appendChild(img);
},
function(err) {
console.log(err);
});
}
