Here's a quick way to create a listing of images uploaded to a folder with php:
<?php // file name: list_pics.php global $startDir; /** * List Directories function, which transverses sub-folders * listing out the image files that exists within it. */ function listDir( $path ) { global $startDir; $handle = opendir( $path ); while (false !== ($file = readdir($handle))) { if( substr( $file, 0, 1 ) != '.' ) { if( is_dir( $path.'/'.$file ) ) { listDir( $path.'/'.$file ); } else { if( @getimagesize( $path.'/'.$file ) ) { /* // Uncomment if using with the below "pic.php" script to // encode the filename and protect from direct linking. $url = 'http://domain.tld/images/pic.php?pic=' .urlencode( str_rot13( substr( $path, strlen( $startDir )+1 ).'/'.$file ) ); */ $url='http://domain.tld/images/'. substr( $path, strlen( $startDir )+1 ).'/'.$file; // You can customize the output to use img tag instead. echo "<a href='".$url."'>".$url."</a><br>"; } } } } closedir( $handle ); } // End listDir function $startDir = '.'; listDir( $startDir ); ?>
Use the below script to decode, encodeded filenames and display the image:
<?php // file name: pic.php $f = trim( $_GET['pic'] ); if( ( substr( $f, 0, 1 ) == '.' ) || ( substr( $f, 0, 1 ) == '/' ) ) { return false; } else if( !( $imgType = exif_imagetype( str_rot13( $f ) ) ) ) { return false; } else { switch( $imgType ) { case 1: header( 'Content-type: image/gif' ); break; case 2: header( 'Content-type: image/jpeg' ); break; case 3: header( 'Content-type: image/png' ); break; default: return false; break; } readfile( str_rot13 ( $f ) ); } ?>