Javascript for saving link using ctrl+s

Question

When a user clicks on image link, it should prompt save option (instead of right click and save). I found ways to alert the user if he press ctrl +s. But how do I show an save option when he click the link. Below is my code which is not working.

<script type="text/javascript">
function myFunction()
{
   if  (event.ctrlKey && event.keyCode == 115)
   {
       event.keyCode = 0;
   }
}
</script>

<input type="button" onclick="myFunction()" />

score 2 · Answer 1 · edited May 23 '17 at 12:30

You cannot manually open a save-as prompt in Javascript. The only thing you could do is change the window's location to the image, which you serve with special headers from the server. For example:

<img onclick="saveFunction()">

<script type="text/javascript">
    function saveFunction() {
        window.location.href = this.getAttribue('src') + '?somethingspecial';
    };
</script>

Look at this thread to see how to serve a file to prompt as download. Looks like you need to set the Content-Disposition header with whatever web server you are using.

Javascript for saving link using ctrl+s

1 Answers1