图片未显示在img标签中

Question

I am working on using the OMDB API and I get the url of the poster of a movie.

For example: https://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg

When you view that image in the browser by clicking on the link, it is perfectly visible. But when I use it in an img tag, it does not find the image:

<img src="https://ia.media-imdb.com/images/M/MV5BMjIxNTU4MzY4MF5BMl5BanBnXkFtZTgwMzM4ODI3MjE@._V1_SX300.jpg">

Here the above code implemented:

Can anyone help me out?

Answer 1

IMDB blocks direct linking of the images from other sites (as yours). So linking the url you get from the response will lead to the "Referral Denied" message and the image not showing.

However, OMDB seems to have the new Poster API that self-rehosts the images, but a donation is required to use it as evident on the site:

New Poster API The Poster API is currently in beta being tested by the sites friendly donators.

Donators get your key and start testing!

and

1/1/15

• You can now search by type! (movie, series, episode etc.) Dupes
• have been removed from database.
• Poster API images updated.

Answer 2

If you are looking for a way to display these images you can create a php file that returns the image data and just link to it like so

<img src='link/to/php/image.php?i=imdb-image.jpg'/>

image.php

<?php
    $img = $_REQUEST['i'];
    $image_mime = getimagesize($img)['mime'] ;
    header("Content-type: " .$image_mime);
    echo file_get_contents($img);
?>