Обнаружение загрузки iframe в Chrome при загрузке файлов

Question

Я использую скрытый iframe на странице HTML для загрузки. И я хотел бы знать, когда это будет сделано. Я много искал в Интернете, и все говорят, что я должен использовать обработчик события iframe onload, но он не работает для меня в Chrome!

Я не уверен, где, но я где-то читал, что это потому, что я загружаю файлы с помощью iframe вместо HTML-документов. И я должен признать, что это характерно для Chrome, и он отлично работает в FireFox.

Я также проверил readstate и onreadystatechange без успеха.

Я создал скрипку, чтобы продемонстрировать эту проблему:

function download(url) 
 
{ 
 
    var iframe = document.createElement("iframe"); 
 
    iframe.src = url; 
 
    iframe.onload = function() { 
 
     console.log('Download completed.'); 
 
    }; 
 
    document.body.appendChild(iframe); 
 
}

<button onclick="download('http://www.colorado.edu/conflict/peace/download/peace.zip');">Download</button>

Answer 1

function downloadURL(url) { 
 
    var hiddenIFrameID = 'hiddenDownloader', 
 
     iframe = document.getElementById(hiddenIFrameID); 
 
    if (iframe === null) { 
 
     iframe = document.createElement('iframe'); 
 
     iframe.id = hiddenIFrameID; 
 
     iframe.style.display = 'none'; 
 
     iframe.onload = function() { 
 
      alert('Download completed.'); 
 
     }; 
 
     document.body.appendChild(iframe); 
 
    } 
 
    iframe.src = url; 
 
}

<button onclick="downloadURL('http://www.colorado.edu/conflict/peace/download/peace.zip');">Download</button>