2010-10-04 2 views
0

J'ai ce javascript qui télécharge un fichier sélectionné via l'iframe. Je dois être en mesure de déterminer à partir de l'iframe si le fichier a été téléchargé avec succès ou non. Le problème est que cela peut être 3 secondes pour télécharger le fichier ou 30 secondes. La meilleure méthode que je puisse imaginer pour déclencher une fonction lorsque le téléchargement se termine à partir de l'iframe .... comment viserais-je la fenêtre principale depuis l'iframe de l'enfant?jQuery upload de fichier iframe - succès de déclenchement ou échec

   if (file === false) { 
        var newEl = that.reset(this); 
        //fix listener 
        triggerNotification('x', 'Unable to upload file, file type not accepted'); 
       } else { 
        var id = Math.floor(Math.random()*101); 
        var form = jQuery(this).hide().after("<div class='upload'><div class='file'>"+file+"</div><div class='status'><img src='/image/progress-bar.gif'/></div></div><iframe id='"+id+"' name='"+id+"' src='about:blank' width='0' height='0' style='display: block;'></iframe>").parents('form'); 
        form.attr('target', id).submit(); 
        console.log(jQuery('iframe', form)); 
        console.log(jQuery('iframe', form).contents()); 
        console.log(jQuery('iframe', form).contents().find('body')); 
        console.log(jQuery('iframe', form).contents().find('body').html()); 

        jQuery('input[type="button"]', form.parents('.popup-panel')).show(); 

        triggerNotification('check', 'File has been uploaded'); 

        //form.replaceWith("<a href='/image/icons/accept.png' target='_blank'><img src='/image/icons/accept.png' style='max-width: 120px;'/></a><br/><span class='faded'>(Click to view actual size)</span>"); 
       } 

Répondre

0

La solution était de déclencher une fonction JS sur la page par le iframe via l'utilisation de parent.jQuery... au lieu de window.jQuery...