jQuery iframe文件上傳 - 觸發成功或失敗

我有這個JavaScript通過IFRAME上傳選定的文件。我需要能夠從iframe中確定文件是否成功上傳。問題是可能需要3秒才能上傳文件或30秒。我可以想到的最好的方法來觸發一個函數，當從iframe中完成上傳時......我如何定位子iframe中的主窗口？jQuery iframe文件上傳 - 觸發成功或失敗

   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>"); 
       }

來源

2010-10-04 Webnet

的解決方案是通過使用parent.jQuery...通過iframe觸發頁面上的JS函數，而不是window.jQuery...

來源

2010-10-04 18:59:11 Webnet

jQuery iframe文件上傳 - 觸發成功或失敗

回答

相關問題