The Movie Database Support

When I pull data for popular tv shows or movies, I get all the data, can get the Title, and release date to show up, but can't get the poster_path to show me anything. Any suggestions? I have the path correct, but no image

5 replies (on page 1 of 1)

Jump to last post

Hi Ryan,

I suggest taking a read through the following doc: https://developers.themoviedb.org/3/getting-started/images

That outlines how to generate valid image paths. While you're in there, I also suggest reading this doc as well.

Thanks Travis.

I have actually looked through all of this a bit already, and did again after you suggested. I have applied all of these tactics, but only the poster_path wont show from the data received. I'm using React, so the info is passed down through state and props.

<img src={`https://image.tmdb.org/t/p/w500/${this.props.image}`} />

this is the element I'm trying to use the poster_path on. The component calling on this sets the data as state, and then I parse that, and map the array of objects out to the smaller component and inner elements 'shown above'

this.props.image = poster_path

poster_path = /tQkigP2fItdzJWvtIhBvHxgs5yE.jpg

i wonder if this even makes sense to you... This is my first post ever, and I'm not the best at expressing my problems into words...

It looks like maybe you have 2 slashes.

https://image.tmdb.org/t/p/w500/tQkigP2fItdzJWvtIhBvHxgs5yE.jpg

Is a valid image, so perhaps this is what you're looking for:

<img src={`https://image.tmdb.org/t/p/w500${this.props.image}`} />

But you'll need to see what's generated by React as I am not familiar with whatever templating language that is.

You are correct about the 2 slashes. that was a typo here, but my actual code is like the snippet you wrote. Good call though.

So I have determined that the issue is that the code I'm writing in the img src for the external url isnt being compiled. not an issue from you guys. like I said before, the data is logging in the console, just not displaying the image.

When I inspect the image source with developer tools it shows me that the file path is my local url/poster_path instead of the external http address/poster_path... so there is an issue with my babel or webpack or something. very frustrating.

thanks for all your help!

Hey Ryan, I am facing the exact same problem. Can you tell how you got rid of the that issue?

While Inspecting using Developer tool I got the the required URL which was working just fine when ran on a new tab in chrome.

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?

Login