Search code examples
javascriptjqueryajaxdom

How to open the newly created image in a new tab?


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);
        }

Solution

  • 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);
        }