How to display the image in html img tag?

Question

const response = await axios.request(options2);
      const b64Response = btoa(response.data);
      const outputImg = document.createElement("img");
      outputImg.src = "data:image/jpeg;base64," + b64Response;

// append it to your page
      document.body.appendChild(outputImg);
doing it like this is not working for some reason

ArdicAITeam · Answer

Hello,

There should be a space between "data:image/jpeg;base64," and the actual base64 image data. Can you this;
outputImg.src = "data:image/jpeg;base64, " + b64Response;

Our apologies for the late response, if you already found the solution please share it with us!

Best regards,
ARDIC AI Team

ARImageSynthesizer

9.1 / 10

135ms

100%

N/A

How to display the image in html img tag?