Comment ouvrir le nouvellement créé de l'image dans un nouvel onglet?

Code ci-dessous crée l'image en bas de la même page.
Comment faire pour afficher l'image dans un nouvel onglet/fenêtre au lieu de s'afficher dans la même page?

success: function (data) {
            var image = new Image();
            image.src = "data:image/jpg;base64," + data.d;
            document.body.appendChild(image);
        }
  • Utilisation window.open et de l'écriture dans cette fenêtre.
InformationsquelleAutor John Stephen | 2015-01-06
  1. 36

    quelque chose comme:

    success: function (data) {
        var image = new Image();
        image.src = "data:image/jpg;base64," + data.d;

        var w = window.open("");
        w.document.write(image.outerHTML);
    }
    • pouvons-nous faire cela pour plus d'une image?
    • Peut-être évident.. Mais lors de l'utilisation ci-dessus dans le navigateur Chrome. J'ai "popus ont été bloqués..." et, par conséquent,Cannot read property 'document' of null : /
    • à noter: un utilisateur ne peut pas enregistrer l'image de ce nouvel onglet de la fenêtre
    InformationsquelleAutor Super Babaca
  2. 3

    démo

    window.open(image.src, '_blank');
    • À l'intérieur de la démo, il pourrait être intéressant de déclenchement de la nouvelle fenêtre cliquez sur un événement, il suffit de sorte qu'il n'est pas bloqué par la plupart des navigateurs comme un pop-up (je pensais que la démo a été rompu pour une minute avant que j'ai remarqué qu'il y avait bloqué un pop-up)
    • J'obtiens ceci: "n'est Pas autorisé à naviguer cadre haut de la page de données d'URL"
    • Cette habitude de travailler, mais chrome est désormais de blocage Pas autorisés à naviguer cadre haut de la page de données d'URL:
    InformationsquelleAutor Todd
  3. 3

    actuel des suggestions pas h à chrome, j'ai toujours une page blanche, maintenant, je l'aide

    const base64ImageData = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';
const contentType = 'image/png';

const byteCharacters = atob(base64ImageData.substr(`data:${contentType};base64,`.length));
const byteArrays = [];

for (let offset = 0; offset < byteCharacters.length; offset += 1024) {
    const slice = byteCharacters.slice(offset, offset + 1024);

    const byteNumbers = new Array(slice.length);
    for (let i = 0; i < slice.length; i++) {
        byteNumbers[i] = slice.charCodeAt(i);
    }

    const byteArray = new Uint8Array(byteNumbers);

    byteArrays.push(byteArray);
}
const blob = new Blob(byteArrays, {type: contentType});
const blobUrl = URL.createObjectURL(blob);

window.open(blobUrl, '_blank');

    grâce à Jeremy!

    https://stackoverflow.com/a/16245768/8270748

    InformationsquelleAutor crazyx13th