Nicht erfasster SyntaxError: „PostMessage“ konnte nicht auf „Fenster“ ausgeführt werden: Ungültiger Zielursprung „my_page“ in einem Aufruf von „postMessage“.

Ich habe folgendes Skript

Übergeordnete Seite (pair_pixel_filter.php):

 window.addEventListener("message", function(e) {
            $('#log').append("Received message: " + (e.data));
        }, false);
 $('.photo-upload-btn').click(function(event) {
            event.preventDefault();
            window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
        });

Die Kinderseite

$.ajax({
            type: 'post',
            url: url,
            data: {
                base64data: dataURL
            },
            success: function(data) {
                window.opener.postMessage(data, "pair_pixel_filter.php");
                window.close(); }
        });

Grundsätzlich wird ein Popup geöffnet, dann ein Ajax für das Popup ausgeführt und das Ergebnis an das übergeordnete Element zurückgegeben. Aber von Child erhalte ich diesen Fehler.

Nicht erfasster SyntaxError: „PostMessage“ konnte nicht auf „Fenster“ ausgeführt werden: Ungültiger Zielursprung „pair_pixel_filter.php“ in einem Aufruf von „postMessage“

Der 2. Parameter zu postMessage ist der „Zielursprung“. Dies ist das Domain wo sich die Seite befindet, nicht der Name der (php)-Datei.

Es muss so etwas sein:

window.opener.postMessage(data, "http://example.com");

Sehen: https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage