jQuery Enregistrer l'Image Onclick

Sur mon site web, j'ai un script jQuery qui, si le bouton de téléchargement est cliqué, cela va ouvrir l'image que vous voulez dans une nouvelle fenêtre.

Ma question est, comment puis-je faire ce script lorsque vous cliquez sur le bouton de l'image à enregistrer automatiquement et de ne pas ouvrir dans une nouvelle fenêtre.

Mon code :

<script type="text/javascript">
        $(document).ready(function (){
            $('#download-btn').click(function(){
                var size = $('#size').val();                
                window.open(size);
            });
        })
    </script>

OriginalL'auteur Bogdan Crișu | 2013-11-03

  1. 4

    J'ai d'abord essayer jqueryfiledonwloader mais ne fonctionne pas sur le fichier image,après quelques recherches, j'ai trouvé ci-dessous la solution,Ce travail pour moi charmly,essayez cette

     <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>

    OriginalL'auteur Yusef Mohamadi

  2. 0

    Plus efficace, serait de codage directement dans le HTML. Donc, Yusef solution, avec un Bouton "Look Alike" (voir l' Comment puis-je faire un lien html ressembler à un bouton? par exemple), serait tout simplement être codé comme ceci:

    <a id='download-btn' href='/sites/default/files/toy/jpeg/image-1419683919_4851.jpeg'
   download='MyToy.jpeg' class="button">Save as MyToy.jpeg</a>
    La balise d'ancrage n'est pas un attribut download. dev.w3.org/html5/html-author

    OriginalL'auteur Denis Hébert