The Movie Database Support

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.

1 svar (på sida 1 av 1)

Jump to last post

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.

Kan du inte hitta en film eller tv-serie? Logga in för att skapa den.

Globala

s fokus på sökrutan
p öppna profilmenyn
esc stäng ett öppet fönster
? öppna tangentbordsgenväg fönstret

På mediasidor

b gå tillbaka (eller till förälder när det är tillämpligt)
e gå till redigerings sidan

På tv-säsongssidor

(höger pil) gå till nästa säsong
(vänster pil) gå till den föregående säsongen

På tv-avsnittssidor

(höger pil) gå till nästa avsnitt
(vänster pil) gå till föregående avsnitt

På alla bildsidor

a öppna lägg till bild fönstret

På alla redigeringssidor

t öppna översättnings väljaren
ctrl+ s skicka förmulär

På diskussionssidor

n skapa ny diskussion
w växla sedd-status
p växla offentligt/privat
c växla stäng/öppna
a öppna aktivitet
r svara på diskussionen
l gå till det senaste svaret
ctrl+ enter skicka ditt meddelande
(höger pil) nästa sida
(vänster pil) föregående sida

Inställningar

Vill du betygsätta denna artikel eller lägga till den i en lista?

Logga in