Is there any way to make this download button to work using https link?

Question

I am trying to download something from another website, I have tried this but didn't work. Please I need a help here

<a href="https://www.samanthaming.com/logo.png" class="text-1 text-uppercase" download> download here</a>

What exactly are you trying to download, that URL is throwing a 404? — brombeer, Nov 07 '21 at 19:30
Does this answer your question? [href image link download on click](https://stackoverflow.com/questions/2408146/href-image-link-download-on-click) — Bossman, Nov 07 '21 at 19:33
What image file, as said, that URL doesn't exist? Do you own that site? — brombeer, Nov 07 '21 at 19:35
No but I want kind of a thing if i click the link it will download the file not to be opening the link page — Chris Sigo Obidimma, Nov 07 '21 at 19:42
If "_Save Link As..._" in your browser is too cumbersome you'd have to write a script that fetches the URL and send it out along with headers so it is downloaded. The `download` attribute works for same-origin links — brombeer, Nov 07 '21 at 19:46

score 0 · Answer 1 · answered Nov 07 '21 at 20:15

At first, make sure the download link is valid. Now You can make a custom javascript function to force download from an external link.

<script>
    function downloadForce(link){
        var url = link.getAttribute("data-href");
        var fileName = link.getAttribute("download");
        link.innerText = "Downloading...";
        var xhr = new XMLHttpRequest();
        xhr.open("GET", url, true);
        xhr.responseType = "blob";
        xhr.onload = function(){
            var urlCreator = window.URL || window.webkitURL;
            var imageUrl = urlCreator.createObjectURL(this.response);
            var tag = document.createElement('a');
            tag.href = imageUrl;
            tag.download = fileName;
            document.body.appendChild(tag);
            tag.click();
            document.body.removeChild(tag);
            link.innerText="download here";
        }
        xhr.send();
    }
    </script>
     
    <a class="text-1 text-uppercase" href="#" data-href='https://i.imgur.com/U2KQsBD.jpeg' download="image.jpeg" onclick='downloadForce(this)'>download here</a>

please does this script work for you because it didn't work for me — Chris Sigo Obidimma, Nov 07 '21 at 21:18
This code is working for me and I have checked in several browsers. Could you please check this link? https://ruhulmus.w3spaces.com/forcedownload.html — Ruhul Amin, Nov 08 '21 at 03:50

Is there any way to make this download button to work using https link?

1 Answers1