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

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

Answer 2

Current suggestions were not working on chrome, I was always getting a white page, now I am using

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

Thanks to Jeremy!
https://stackoverflow.com/a/16245768/8270748