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 reply (on page 1 of 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.

Can't find a movie or TV show? Login to create it.

Global

s focus the search bar
p open profile menu
esc close an open window
? open keyboard shortcut window

On media pages

b go back (or to parent when applicable)
e go to edit page

On TV season pages

(right arrow) go to next season
(left arrow) go to previous season

On TV episode pages

(right arrow) go to next episode
(left arrow) go to previous episode

On all image pages

a open add image window

On all edit pages

t open translation selector
ctrl+ s submit form

On discussion pages

n create new discussion
w toggle watching status
p toggle public/private
c toggle close/open
a open activity
r reply to discussion
l go to last reply
ctrl+ enter submit your message
(right arrow) next page
(left arrow) previous page

Settings

Want to rate or add this item to a list?

Увайсці