How to display images from folder in PHP

Ahsan Zameer

6 years ago

As a web developer I always store images in database. And when I need to show them I just simple query to the database get all images and display them in html by using PHP loop.

But sometime it is not required saving images in database. You just need to show images from folder. So in this tutorial I am going to show you how to display images from folder in PHP.

Display Images from folder in PHP:

Below images are fetched from the images folder and display in inline-view.

If you want to add zoom effect on image hover then also read: jQuery Zoom Image on Hover

PHP Code:


<?php
$imagesDirectory = "images/";

if(is_dir($imagesDirectory))
{
	$opendirectory = opendir($imagesDirectory);
  
    while (($image = readdir($opendirectory)) !== false)
	{
		if(($image == '.') || ($image == '..'))
		{
			continue;
		}
		
		$imgFileType = pathinfo($image,PATHINFO_EXTENSION);
		
		if(($imgFileType == 'jpg') || ($imgFileType == 'png'))
		{
			echo "<img src='images/".$image."' width='200'> ";
		}
    }
	
    closedir($opendirectory);
 
}
?>

<?php

$imagesDirectory = "images/";

if(is_dir($imagesDirectory))

{

$opendirectory = opendir($imagesDirectory);

while (($image = readdir($opendirectory)) !== false)

{

if(($image == '.') || ($image == '..'))

{

continue;

}

$imgFileType = pathinfo($image,PATHINFO_EXTENSION);

if(($imgFileType == 'jpg') || ($imgFileType == 'png'))

{

echo "<img src='images/".$image."' width='200'> ";

}

closedir($opendirectory);

}

Also Read: How to upload multiple images in PHP and store in Mysql