Merhabalar, API ile random resim üreten bir sayfam var. Download butonu koyarak üretilen öğeyi indirtmeyi amaçlıyorum ancak her yolu denedim başaramadım. Yardımcı olacaklara şimdiden teşekkür ederim 🙂
<div id="avatar">
<img id="image" src="https://site.com/<?php echo rand($min, $max);?>.svg" />
</div>
<div class="btn-group">
<span><a href="#" id="generate" style="margin-top: -55%!important;"></a></span>
<p><a href="#" style="margin-top: -55%!important;margin-bottom: 80px;"></a></p>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
var baseGET = async (url) => {
return new Promise(function (resolve, reject) {
var xhr = new XMLHttpRequest();
xhr.open('get', url, true);
xhr.responseType = 'blob';
xhr.onload = function () {
var reader = new FileReader();
reader.onloadend = function async() {
resolve({ "response": xhr.response, "result": reader.result });
}
reader.readAsDataURL(xhr.response);
var status = xhr.status;
if (status == 200) {
} else {
reject(status);
}
};
xhr.send();
});
}
var getF = async () => {
var b = await baseGET('https://cdn.r10.net/newbn/igtr.webp')
var image = new Image();
// image.src = URL.createObjectURL(b.result);
var h = document.createElement('a')
h.download = true;
h.href=b.result;
h.click()
console.log(b)
}
getF()
</script>
</body>
</html>