Hey guys, I'm sort of a newbie and I've been playing around with the methods of the api and I'm slowly starting to understand the flow. But what i just cant seem to get is how you can display images of movies that a user searches for. I've read the docs several times and its still not clicking for me..So heres what I got so far. (using react)
axios.get('https://api.themoviedb.org/3/search/movie?query='+input+'&api_key={API_KEY}').then(
(response) => {
console.log(response)
})
.catch((error)=>{
console.log(error);
})
}
the 'input' is the value of whatever the user types in, and from this I'm getting data back which is good. But, I cant seem to understand how you attach on the image url to this so it shows the image along side whatever data i want to grab along with it. I've been seeing the image base url examples like > https://image.tmdb.org/t/p/w500/kqjL17yufvn9OVLyXYpvtyrFfak.jpg but I'm still highly confused on how to put two and two together. Would I need to add it to my query string or something of that sort? I'm so lost lol. Any help is greatly appreciated.
Un film, une émission télévisée ou un artiste est introuvable ? Connectez-vous afin de créer une nouvelle fiche.
Vous souhaitez évaluer ou ajouter cet élément à une liste ?
Pas encore membre ?
Réponse de Travis Bell
le 16 mai 2018 à 11h46
Hi there,
This document outlines the basics for how to create image paths. There's also this example jQuery page I have that shows a simple example of querying a page on the API and showing the results.