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();
ディスカッションに参加しましょう-以下にコメントを追加してください:
i second this we suffered >.>