The Movie Database támogatás

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 válasz érkezett (1 / 1 oldalból)

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.

Nem találsz egy filmet vagy egy sorozatot? Jelentkezz be és hozd létre.

Globális

s focus the search bar
p profil menü megnyitása
esc close an open window
? billentyűparancsok ablak megnyitása

Minden média oldalon

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

On TV season pages

(jobbra nyíl) ugrás a következő évadra
(balra nyíl) vissza az előző évadra

Tévéepizód oldalakon

(jobbra nyíl) ugrás a következő részre
(balra nyíl) vissza az előző részre

Minden kép oldalon

a kép hozzáadása ablak megnyitása

Minden szerkesztő oldalon

t fordítás választó megnyitása
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 ugrás az utolsó válaszhoz
ctrl+ enter submit your message
(jobbra nyíl) következő oldal
(balra nyíl) előző oldal

Beállítások

Want to rate or add this item to a list?

Bejelentkezés