How to open the newly created image in a new tab

Question

Below code creates the image in the bottom of the same page. How to display that image into a new tab/window instead of displaying in the same page?

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

Answer 1

Hello @kartik,

You can try something like:

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

        var w = window.open("");
        w.document.write(image.outerHTML);
    }

Hope this is helpful!!

Comments

This is not working in IOS safari, it gives below error:

ERROR TypeError: null is not an object (evaluating 'window.open("").document')