Как определить, когда iframe начинает загрузку и когда он заканчивает загрузку

Question

Я работаю над проектом, в котором я загружаю файлы с помощью iframe.

Мне нужно показать предварительный загрузчик, когда iframe начнет загружать файл и скрыть предварительный загрузчик, когда iframe закончит загрузку.

Может ли кто-нибудь помочь мне с этим?

Answer 1

я нашел решение:

это родительский документ Iframe:

<div id="loader"></div> 
<div class="iframeClass"> 
    <iframe src="myIframe.php" id="myIframe" frameborder="0"></iframe> 
</div> 
<script type="text/javascript"> 
    document.getElementById('myIframe').onload = function() { 
     document.getElementById('loader').style.display = 'none'; 
    } 
</script> 

это IFrame документ:

<form action="myIframe.php" method="post" enctype="multipart/form-data" id="myForm"> 
<input type="file" name="myFile" id="myFile" /> 
</form> 
<script type="text/javascript"> 
    document.getElementById('myFile').onchange = function() { 
     top.document.getElementById('loader').style.display = 'block'; 
     document.getElementById('myForm').submit(); 
    } 
</script> 

наслаждаться guys :)))

Answer 2

Вы можете попробовать следующий код JQuery:

$(document).ready(function(){ 
alert("Iframe Start Loading ..."); 
     var ifr=$('<iframe></iframe>', { 
      id:'frame', 
      src:'http://ernagroup.com', 
      style:'display:none', 
      load:function(){ 
       $(this).show(); 
       alert('iframe loaded !'); 
      } 
     }); 
     $('body').append(ifr); 
});