Question

79

jQuery Save Image Onclick

rated 0 times [ 86] [ 7] / answers: 1 / hits: 38066 / 11 Years ago, sun, november 3, 2013, 12:00:00

On my website I have a jQuery script that, if the download button is clicked it will open the image that you want in new window.

My question is, how can I make this script when you click the button the image will save automatically and not open in a new window.

My code :

<script type=text/javascript>

        $(document).ready(function (){

            $('#download-btn').click(function(){

                var size = $('#size').val();                

                window.open(size);

            });

        })

    </script>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

leog

Add To Favorites

Follow

Total Points: 225

Total Questions: 113

Total Answers: 118

Location: Oman

Member since Wed, Apr 12, 2023

1 Year ago

leog questions

1 Why using toRef(props) and is it good idea to change their value in CompositionAPI?

Fri, Oct 1, 21, 00:00, 3 Years ago

1 Material-UI pickers trigger validation on blur not on change?

Sun, Sep 13, 20, 00:00, 4 Years ago

1 What's the difference between onClick ={ () => function()} and onClick = {function()}?

Thu, Jul 16, 20, 00:00, 4 Years ago

1 Detect an Electron instance via JavaScript

Mon, May 11, 20, 00:00, 4 Years ago

1 changing theme with react native elements not working?

Sat, Apr 18, 20, 00:00, 4 Years ago

View All

answered 11 Years ago destanyb · Accepted Answer

First I try jqueryfiledonwloader but not work on image file,after a some searching I found below solution,This work for me charmly,try this

 <script type=text/javascript>

        $(document).ready(function (){

            $('#download-btn').click(function(){

     var link = document.createElement('a');

                  link.href = '/sites/default/files/toy/jpeg/image-1419683919_4851.jpeg';  // use realtive url 

                  link.download = 'MyToy.jpeg';

                  document.body.appendChild(link);

                  link.click();     

           });

        })

    </script>