Forcer le téléchargement d'un fichier pdf lien à l'aide de javascript/ajax/jquery

supposons que nous avons un lien pdf "http://manuals.info.apple.com/en/iphone_user_guide.pdf"(juste pour l'exemple et de laisser u sais que ce fichier n'est pas sur mon serveur, je n'ai que le lien)...maintenant, je dois fournir un bouton sur mon site qui va télécharger le fichier.

j'ai essayé diverses choses comme la fenêtre.ouvert, href etc. méthodes mais il ouvrir le lien dans une autre fenêtre. je sais que c'est parce que maintenant tous les navigateur est livré avec un adobe plugin qui l'ouvre dans une autre fenêtre, mais n'est toujours pas là de toute façon je donne à l'utilisateur la possibilité de télécharger plutôt que de l'ouvrir, à travers le script côté client ..

plz aider..
grâce

InformationsquelleAutor Dhananjay | 2010-06-19
  1. 24

    Utiliser le HTML5 "télécharger" attribut

    <a href="iphone_user_guide.pdf" download="iPhone User's Guide.PDF">click me</a>

    Avertissement: le présent de l'écriture, ne fonctionne pas dans IE/Safari, voir: caniuse.com/#search=download

    Edit: Si vous êtes à la recherche d'un réelle javascript solution veuillez voir lajarre réponse

    • comment en HTML4? Est-il une autre façon de le faire?
    • salut, j'ai utilisé le même code, mais le code ne fonctionne pas dans safari pourriez-vous me suggérer tout bon plugin qui permettent de forcer le téléchargement de fichier pdf en javascript.
    • selon caniuse caniuse.com/#search=download ce n'est actuellement pas pris en charge dans safari. je suis juste deviner, mais vous pouvez être en mesure d'utiliser jquery.l'ajax contentType pour atteindre cet objectif. sinon, si vous avez le contrôle sur le serveur, vous pouvez le dire à envoyer le fichier avec un fichier binaire de type mime, bien sûr.
    • Ce n'est pas de répondre à la question exacte
    • Bizarre, depuis l'OP marqué comme la accepté de répondre.
    • L'OP n'a pas d'importance pour moi (avec tout le respect). Cette page présente dans Google comme l'un des premiers résultats, mais n'est pas de répondre à ma requête, ce qui est exactement le même que le titre. Veuillez vous référer à ma réponse si vous ne l'obtenez pas.
    • Juste point de. Je upvoted vous.

    InformationsquelleAutor sarink
  2. 33

    Ici est un Javascript solution (pour les gens comme moi qui étaient à la recherche d'une réponse pour le titre):

    function SaveToDisk(fileURL, fileName) {
    //for non-IE
    if (!window.ActiveXObject) {
        var save = document.createElement('a');
        save.href = fileURL;
        save.target = '_blank';
        save.download = fileName || 'unknown';

        var evt = new MouseEvent('click', {
            'view': window,
            'bubbles': true,
            'cancelable': false
        });
        save.dispatchEvent(evt);

        (window.URL || window.webkitURL).revokeObjectURL(save.href);
    }

    //for IE < 11
    else if ( !! window.ActiveXObject && document.execCommand)     {
        var _window = window.open(fileURL, '_blank');
        _window.document.close();
        _window.document.execCommand('SaveAs', true, fileName || fileURL)
        _window.close();
    }
}

    source: http://muaz-khan.blogspot.fr/2012/10/save-files-on-disk-using-javascript-or.html

    Malheureusement, le travail pour moi avec IE11, ce qui n'est pas accepter de nouveaux MouseEvent. J'utilise la suite dans ce cas:

    //...
try {
    var evt = new MouseEvent(...);
} catch (e) {
    window.open(fileURL, fileName);
}
//...
    • erreur: échec pas de fichier <button class="btn btn-xs" onclick="SaveToDisk(&quot;cloudagent-im.s3.amazonaws.com/042015/... class="fa fa-téléchargement fa-3"></i></button>
    • merci pour la méthode. il enregistre les fichiers comme "inconnu", je l'ai changé pour fileURL il l'a sauvé de la forme "http---localhost-ielts/gtreading-classeur-Activity_3_1.pdf" une idée de comment résoudre ce problème?
    • ce bout de code devrait être définitivement wiki-ed, amélioré et mis à jour collectivement & régulièrement pour tenir compte de la technologie des mises à jour. Mais je n'ai aucune idée de la façon d'atteindre cet objectif utopique sur DONC 🙂
    InformationsquelleAutor lajarre
  3. 6

    Avec JavaScript, il est très difficile, si pas impossible(?). Je vous recommande d'utiliser une sorte de code-behind de la langue tels que PHP, C# ou Java. Si vous utilisez PHP, vous pouvez, dans la page de votre bouton de postes de, faire quelque chose comme ceci:

    <?php
header('Content-type: application/pdf');
header('Content-disposition: attachment; filename=filename.pdf');
readfile("http://manuals.info.apple.com/en/iphone_user_guide.pdf");
?>

    Cela semble également fonctionner pour JS (à partir de http://www.phpbuilder.com/board/showthread.php?t=10149735):

    <body>
<script>
function downloadme(x){
myTempWindow = window.open(x,'','left=10000,screenX=10000');
myTempWindow.document.execCommand('SaveAs','null','download.pdf');
myTempWindow.close();
}
</script>

<a href=javascript:downloadme('http://manuals.info.apple.com/en/iphone_user_guide.pdf');>Download this pdf</a>
</body>
    InformationsquelleAutor Benny
  4. 2

    Si htaccess est une option ceci tous les PDF liens de téléchargement au lieu de l'ouvrir dans le navigateur

    <FilesMatch "\.(?i:pdf)$">
  ForceType application/octet-stream
  Header set Content-Disposition attachment
</FilesMatch>
    InformationsquelleAutor jerrygarciuh
  5. 2

    Ici est l'exemple parfait de téléchargement d'un fichier à l'aide de javaScript.

    Utilisation: download_file(fileURL, fileName);

    InformationsquelleAutor sohail ansari
  6. 0

    En javascript utiliser la méthode preventDefault() de l'événement args paramètre.

    <a href="no-script.html">Download now!</a>

$('a').click(function(e) {
    e.preventDefault(); //stop the browser from following
    window.location.href = 'downloads/file.pdf';
});
    InformationsquelleAutor intrepidis