Show image using file_get_contents in a popup window

Question

I am trying to show an image in a popup window using file_get_contents function and an echo statement.

Here is the code I have in the first view

<a href='javascript:window.open("index.php?option=com_jsmdownload&view=request&tmpl=component&layout=showimage&img=icon-36-ldpi.png", "Image View", "toolbar=no, location=no, width=400, height=400")'>Click</a>

Below is the code in my second layout inside the same view

$image = JURI::base().DS.'files'.DS.'images'.DS.'icon.png';
//echo $image;
$content = file_get_contents($image); 
header('Content-Type: image/png');
echo $content; exit();

When I click the 'Click' anchor in the first view it opens the popup window and it shows garbage inside.

The image path is correct and if I brows the image path in an another browser URL it shows the image.

Not sure what I am missing. Can someone please help on this?

Answer 1

I agree with Jeremy, you could simply use an <img> tag and insert the filename using PHP.

However, if for some reason you want to read the file using PHP, try using readfile(). In addition, you can use getimagesize() to get the correct mime type and insert it dynamically. That way you're not limited to using one file type:

$image = JURI::base().DS.'files'.DS.'images'.DS.'icon.png';
$imginfo = getimagesize($image);
header("Content-type: ".$imginfo['mime']);
readfile($image);

Hope that helps.

Answer 2

Setting the header and trying to process the image directly is really unnecessary. This will produce the result you're looking for:

Your second code block should be as follows

$input = JFactory::getApplication()->input;
$layout = $input->get('layout');
If (isset($layout) && $layout == 'show image') {
$image = JURI::base().'files/images/icon.png';
printf('<img src="%s" />', $images);

}