javascript - ouverture iframe caché pour le téléchargement de fichier sur le document prêt

Je suis en train d'utiliser cette astuce pour ouvrir un dialogue téléchargement de fichier sur le document de prêt. Le même truc a travaillé une autre fois pour moi, mais cette fois l'iframe a été ajouté après un appel ajax. C'est l'extrait de code:

<script type="text/javascript">
  $(document).ready(function() {
     var url='/my_file_url/';
     var _iframe_dl = $('<iframe />')
                       .attr('src', url)
                       .hide()
                       .appendTo('body');
  });
</script>

Tandis que l'iframe est imprimé correctement dans le code html, il n'a pas le comportement attendu: pas de fichier à télécharger popup s'affiche après le chargement de la page. Toute aide sur pourquoi?

  • êtes-vous sûr que votre syntaxe est correcte ?
  • il n'y a pas de fermeture });
  • Les en-têtes correcte de votre fichier d'url? (si vous l'ouvrez dans votre navigateur, vous avez le téléchargement pop-up?
  • Vous n'êtes pas la fermeture de votre $(document).ready(function(){
  • aucun message d'avertissement ou d'erreur signalé par Firebug. je repat le même code a travaillé onnanother page, utilisé dans un appel ajax.
  • Si vous fermez votre fonction et l'invocation avec }); jsfiddle.net/aMcNV
  • désolé pour le code de la confusion. le vrai code js imprimé est présent (entre parenthèses correctement fermé): jsfiddle.net/9dbqL de sorte que la différence avec @PaulS.la solution semble être seulement "de données:application/octet-stream"

InformationsquelleAutor Luke | 2013-04-22
  1. 4

    Ça marche très bien, en supposant que le MIME est d'un type qui va lancer un téléchargement, par exemple application/octet-stream. Vous pouvez rencontrer un problème lorsque le navigateur est rendu et n'offrant pas de téléchargement grâce à un lecteur pdf.

    $(document).ready(function(){
var url='data:application/octet-stream,hello%20world';
var _iframe_dl = $('<iframe />')
       .attr('src', url)
       .hide()
       .appendTo('body');
});

    Une autre solution, si le client est sur un navigateur moderne, est d'utiliser un <a> avec href et télécharger ensemble, puis de simuler un clic sur elle.

    var a = document.createElement('a'),
    ev = document.createEvent("MouseEvents");
a.href = url;
a.download = url.slice(url.lastIndexOf('/')+1);
ev.initMouseEvent("click", true, false, self, 0, 0, 0, 0, 0,
                  false, false, false, false, 0, null);
a.dispatchEvent(ev);
    • thnks paul mais je n'ai toujours pas uderstand où est mon erreur: jsfiddle.net/MjuQP
    • Que le violon n'a pas de jquery ajouté, ni ne comprennent le JavaScript au bon moment (voir les options sur la gauche). De plus, le problème semble venir de l' .pdf fichier ext
    • Modernest navigateurs (Chrome par exemple) peut faire a.click() en place de la ev choses.
    • a été dans le spec depuis 2003 ou plus tôt, il n'y a rien moderne à ce sujet; le point de dispatching d'un événement de ce code est de simuler un clic de souris, aussi près que possible comme si c'est vraiment arrivé.
    • @Paul S: Où ai-je dis que element.click a été dans la spec que récemment? Vous ne pouvez les faire element.click sur un element qui est dans le DOM. Votre exemple n'a pas a dans le DOM, si vous avez besoin d'un navigateur moderne comme Chrome pour faire element.click sur elle, parce que les 10 dernières années, il ne serait pas comme ça.
    InformationsquelleAutor Paul S.