iframe reload completed event in plain javascript

Question

At some point I change an iframe src in order to download a file:

document.getElementById('download_frame').src = "file.zip";

I need some kind of callback to execute when the iframe has completely reloaded (in this case when the file is completely downloaded). I tried:

<iframe id="download_frame" style="display: none;" onload="console.log('load1');">
    <script>
        document.addEventListener("DOMContentLoaded", function(event) {
            console.log('load2');
        });
    </script>
</iframe>

but they are never fired...

Any suggestion?

score 0 · Answer 1 · edited May 23 '17 at 12:17

0

<iframe> tag does not accept a body as scripting (body is alternative content).

You cannot control when a certain file has been loaded because the target of that iframe gets your file thus no any other headers can be sent.

You can try different solutions achieving what you want, for example: Detect when browser receives file download

I did not mark this question as duplicate because it lacks the explanation for iframe scripting.

edited May 23 '17 at 12:17

Community

1
1

answered Apr 03 '17 at 12:50

Mihai Iorga

39,330
16
106
107

"does not accept a body" — It does. It provides the alternative content for when iframes are not supported. – Quentin Apr 03 '17 at 12:54
@Quentin yes, sorry, I was trying to say body like in scripting. – Mihai Iorga Apr 03 '17 at 12:56

iframe reload completed event in plain javascript

1 Answers1