PHP Image not showing in HTML using img element

Question

Hello there i have a php file with the included:

The image shows properly when i access the PHP file, however when I try to show it in the HTML template, it shows as the little img with a crack in it, so basically saying "image not found"

<img src="http://konvictgaming.com/status.php?channel=blindsniper47">

is what i'm using to display it in the HTML template, however it just doesn't seem to want to show, I've tried searching with next to no results for my specific issue, although I'm certain I've probably searched the wrong title

adding code from the OP below

$clientId = '';             // Register your application and get a client ID at http://www.twitch.tv/settings?section=applications
$online = 'online.png';     // Set online image here
$offline = 'offline.png';   // Set offline image here
$json_array = json_decode(file_get_contents('https://api.twitch.tv/kraken/streams/'.strtolower($channelName).'?client_id='.$clientId), true);

if ($json_array['stream'] != NULL) {
    $channelTitle = $json_array['stream']['channel']['display_name'];
    $streamTitle = $json_array['stream']['channel']['status'];
    $currentGame = $json_array['stream']['channel']['game'];

    echo "<img src='$online' />";
} else {
    echo "<img src='$offline' />";
}

You are not referring to an image. The actual image URL is konvictgaming.com/offline.png — raam86
– raam86, Commented Jul 15, 2013 at 11:43
You are referring to http://konvictgaming.com/offline.png image — swapnesh
– swapnesh, Commented Jul 15, 2013 at 11:44

Joost · Accepted Answer · 2013-07-15 12:10:41Z

6

The url is not an image, it is a webpage with the following content

<img src='offline.png' alt='Offline' />

Webpages cannot be displayed as images. You will need to edit the page to only transmit the actual image, with the correct http-headers.

You can probably find some help on this by googling for "php dynamic image".

edited Jul 15, 2013 at 12:10

answered Jul 15, 2013 at 11:45

Joost

3,2082 gold badges24 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Daniel Starmer Over a year ago

Sorry it seems Stack removed the PHP file that is linked to it which is echoing my Images pastebin.com/cbtKkWS1 As you can see it echo's the image & returns it properly, when X person goes Online/offline on their stream the image changes accordingly, I have previously img scrd a php file like this one, i just can't seem to figure out what is wrong with it in this instance!

Joost Over a year ago

Well yes, it's echoing html correctly. So it looks fine when you open it as a webpage. But you need the page to act as an image instead of as a html-page if you want to use it in an <img />.

Rápli András · Accepted Answer · 2013-07-15 11:44:53Z

2

Specify in the HTTP header that it's a PNG (or whatever) image!

(By default they are interpreted as text/html)

answered Jul 15, 2013 at 11:44

Rápli András

3,9431 gold badge38 silver badges56 bronze badges

2 Comments

Daniel Starmer Over a year ago

Sorry it seems Stack removed the PHP file that is linked to it which is echoing my Images pastebin.com/cbtKkWS1 As you can see it echo's the image & returns it properly, when X person goes Online/offline on their stream the image changes accordingly, I have previously img scrd a php file like this one, i just can't seem to figure out what is wrong with it in this instance!

Rápli András Over a year ago

Add header('Content-Type: image/png'); to the first line in the file you linked.

DevZer0 · Accepted Answer · 2013-07-15 12:08:34Z

1

in your status.php file, where you output the markup of <img src=... change it to read as follows

$image = file_get_contents("offline.png");
header("Content-Type: image/png");
echo $image;

Which will send an actual image for the request instead of sending markup. markup is not valid src for an img tag.

UPDATE your code modified below.

$clientId = '';             // Register your application and get a client ID at http://www.twitch.tv/settings?section=applications
$online = 'online.png';     // Set online image here
$offline = 'offline.png';   // Set offline image here
$json_array = json_decode(file_get_contents('https://api.twitch.tv/kraken/streams/'.strtolower($channelName).'?client_id='.$clientId), true);

header("Content-Type: image/png");
$image = null;
if ($json_array['stream'] != NULL) {
    $channelTitle = $json_array['stream']['channel']['display_name'];
    $streamTitle = $json_array['stream']['channel']['status'];
    $currentGame = $json_array['stream']['channel']['game'];

    $image = file_get_contents($online);
} else {
    $image = file_get_contents($offline);        
}
echo $image;

edited Jul 15, 2013 at 12:08

answered Jul 15, 2013 at 11:47

DevZer0

13.5k7 gold badges29 silver badges54 bronze badges

6 Comments

Daniel Starmer Over a year ago

I'm sorry but i'm pretty crap when it comes to php, could you give me the full example of what it would look like? as im unsure as to where it should go / remove/ change xD i basically just want it to Show the image for Online/Offline, the Current game/ Title isnt needed so in theory i just want <img src='$offline'>

DevZer0 Over a year ago

i need to see bit more of your code where you echo your current markup

Daniel Starmer Over a year ago

pastebin.com/Mn7gM7D4 But for some reason now im getting Parse error: syntax error, unexpected T_VARIABLE in /home/isykonvi/public_html/stream/status.php on line 3

DevZer0 Over a year ago

@DanielStarmer i've added update code you can copy paste directly.

Daniel Starmer Over a year ago

it worked!, thank you so much mate!, although i do have another issue, shall i open a new thing or do you think you can help? it's with the same status.php, I basically want it so that when they access status.php directly from the directory it returns the print: ERROR: Please put a stream user in your link. ex: konvictgaming.com/status.php?channel=konvictgaming

|

raam86 · Accepted Answer · 2013-07-15 12:00:22Z

1

I suppose you change the picture dynmaclly on this page.

Easiest way with least changes will just be using an iframe:

<iframe src="http://konvictgaming.com/status.php?channel=blindsniper47">    </iframe>

edited Jul 15, 2013 at 12:00

answered Jul 15, 2013 at 11:45

raam86

6,8812 gold badges33 silver badges46 bronze badges

Collectives™ on Stack Overflow

PHP Image not showing in HTML using img element

4 Answers 4

2 Comments

2 Comments

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related