JavaScript bei iFrame "load" neuen Inhalt weiterverwenden

[UltiSalamander]

Hallo miteinander!

Ich habe einen iFrame. Wenn sich dessen Inhalt ändert, soll eine JS funktion aufgerufen werden, in diesem Fall zur verdeutlichung mit einem alert. Der Code sieht wie folgt aus.

EDIT: Ganz vergessen zu erwähnen. Ich verwende hier JQuery.

<form method="POST" enctype="multipart/form-data" action="/pictures.upload.cgi" 
             target="upload_target"><br>
        <iframe style="height:100px;width:100px;display:block;border:1px solid #fff;" 
            id="upload_target" name="upload_target">null</iframe>
        
        <script>
        
            $("#upload_target").load(function(){
                alert($("#upload_target").html());
            });
        
        </script>
        
        <label for="input_file">File</label><br>
        <input type="file" name="input_file" id="input_file" accept="image/*" required><br>
        <!-- ... -->
        <input type="submit" id="upload_submit" onclick="" value="Upload">
        
    </form>

Allerdings wird nach dem absenden des Formulars wieder "null" (der ursprüngliche Inhalt des iFrames) ausgegeben, wie beim Laden des Dokuments.
Im iFrame selbst steht nach Upload "success".

Was kann ich hier tun?

Danke im Voraus,
UltiSalamander

 

[Freezedevil]

Wie wird denn der Inhalt des IFrames geändert?

 

[UltiSalamander]

Durch das Uploaden/absenden des Formulars.

 

[Shagg]

Mit html5 gibt es jetzt den "local storage". Vielleicht kann das dir weiter helfen. Einfach mal googeln.

 

[UltiSalamander]

Mittels

$("body", frames["upload_target"].document).html();

funktioniert es wie gewünscht.