сбой сетевой ошибки при загрузке изображений в javascript

Question

Когда я пытаюсь загрузить изображение по нажатию кнопки javascript, получаю failed network error

function downloadImg(url, name){
    const link = document.createElement('a');
    link.href = `data:application/octet-stream;base64,${encodeURIComponent(url)}`;
    link.download = name;
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);

}

<button onclick=this.downloadImg("http://www.example.com/image.png", "img1.png");>Download</button>

Answer 1

Вы можете попробовать использовать этот код

const downloadImg = document.getElementById('downImg')

downloadImg.onclick = function() {
  const url = downloadImg.getAttribute('imgurl')
  const name = downloadImg.getAttribute('name')
  const link = document.createElement('a');

  link.href = `data:application/octet-stream;base64,${encodeURIComponent(url)}`;
  link.download = name;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}



  

 <button id="downImg" imgurl="https://thesafety.us/images/articles/javascript-logo.png" name="javascript-logo.png">Download</button>