We were banging our heads against the keyboard trying to figure out how to get an image from this API at first (students here just learning CS), but finally landed upon an output with this code below. Feel free to use to make your life easier 😄 Note that the below is in Javascript (we are using express and handlebars).

For the URL replace the hash with a hash of your own. For the API, put in your API key.

const getPicture = async () => {
const url =
‘https://arimagesynthesizer.p.rapidapi.com/get?hash=40ee4f2a4f7d6b6e37ffa4a728812de3&returnType=image’;
const options = {
method: ‘GET’,
headers: {
‘X-RapidAPI-Key’: ‘API key goes here’,
‘X-RapidAPI-Host’: ‘arimagesynthesizer.p.rapidapi.com’,
},
};

try {
await fetch(url, options)
.then((response) => response.blob())
.then((blob) => {
const reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = () => {
const base64data = reader.result;
console.log(base64data); //GETS US A USEABLE BASE64 OUTPUT

      //img element creation
      const parentElement = document.getElementById('testtext');
      const imgElement = document.createElement('img');
      imgElement.id = 'genimg';
      imgElement.src = base64data;
      parentElement.append(imgElement);
    };
  });
// const result = await response.text();
// console.log(result);

} catch (error) {
console.error(error);
}
};

getPicture();