отображать изображение, полученное от API

Question

Я разрабатываю функцию, которая отображает изображение из API.API возвращает простой image/jpeg.Я могу изменить API, чтобы при необходимости просто возвращать строку изображения.Как я могу отобразить это изображение как <img> или <canvas?

  function getPhoto() {
    var username = document.getElementById('username').value
    var password = document.getElementById('password').value
    var base_url = encodeURI(document.getElementById('base_url').value)
    var xhttp = new XMLHttpRequest();
    xhttp.open("POST", "http://api.reteps.tk/getPowerschoolPhoto", true);
    xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
    xhttp.send(`base_url=https://${base_url}&username=${username}&password=${password}`);
    console.log("Image:"+xhttp.IMAGE); // show the image???
  }   

Answer 1

Вы можете установить атрибут src для изображения следующим образом:

$('#myImg').attr('src', RESULT_OF_YOUR_API_CALL);

Проверьте эту скрипку: https://jsfiddle.net/1hu6e6a3/