How to list files in directory in PHP?

Display the list of files in directory.
Files will be list in Group by extension like PDF, JPG and PHP etc.
Also list the files with sizes in Kilo Bytes.

Code Snippet

$path    = 'E:\wamp\www\project\public_html\images';
$files = scandir($path);
$files = array_diff(scandir($path), array('.', '..'));
$groupFiles=array();
foreach($files as $file){    
    $keyName=$extension = pathinfo($file, PATHINFO_EXTENSION);
    if(empty($extension)){
        $keyName='directory';
    }
    $keyName=strtolower($keyName);
    $groupFiles[$keyName][]=$file;    
}
echo '<table border=1>';
foreach($groupFiles as $fileExtention=>$files){
    echo "<tr>";
    echo "<td><h3>{$fileExtention}</h3></td>";
    echo "<td>";
    foreach($files as $file){
        $fileSize= filesize($path.'\\'.$file);
        echo $file.' (<b>'.(number_format($fileSize/1024,0)).'</b> KB)';echo "<br >";
    }
    echo "</td>";
    echo "</tr>";
}
echo '</table>';

Output

jpg
TALENT-LOGO.JPG (41 KB)

backImg.jpg (1,667 KB)

backImg1.jpg (490 KB)

backImg2.jpg (336 KB)

backImg3.jpg (51 KB)

default.jpg (2 KB)

drexel-bg.jpg (99 KB)

flashUpdate.jpg (26 KB)

powerpitchlogo.jpg (23 KB)

robert-bg.jpg (100 KB)

smlogoborder.jpg (29 KB)

videoThumb.jpg (60 KB)

png
assets-tour-page.png (15 KB)

buttons-navigation.png (16 KB)

chat.png (267 KB)

clock-icon.png (5 KB)

close.png (2 KB)

columbia-bg.png (21 KB)

email-share.png (3 KB)

facebook-icon-chat.png (1 KB)

facebook-share-button.png (14 KB)

fb-login.png (2 KB)

globeIcon.png (2 KB)

icons_sprite.png (13 KB)

img_close.png (2 KB)

imsa-footer.png (12 KB)

imsa-header.png (11 KB)

island.png (65 KB)

large-be-right-back-final.png (21 KB)

logo-power-grey.png (4 KB)

logo-power-white.png (3 KB)

new-geo-logo.png (6 KB)

pause-image.png (9 KB)

playButtonThumb.png (6 KB)

playButtonThumb1.png (9 KB)

please-stand-by.png (1,076 KB)

power-geo-logo.png (6 KB)

powered-by-georama-white.png (2 KB)

powered-by-georama.png (2 KB)

rsvp.png (22 KB)

scroll-icons.png (2 KB)

sendMsgBtn.png (2 KB)

shareIcon.png (1 KB)

top-down-arrow.png (1 KB)

tw-sign-up.png (3 KB)

tweetbutton.png (7 KB)

twitter-icon-chat.png (1 KB)

verShadow.png (2 KB)

virtual-tour-assets.png (18 KB)

gif
btn_buynowCC_LG.gif (4 KB)

clear.gif (1 KB)

loading.gif (4 KB)

directory
email (4 KB)

fileUpload (0 KB)

guides (0 KB)

ohio (4 KB)

sign-in-forms (4 KB)

sign-up-forms (4 KB)

survey (4 KB)

tourImage (0 KB)

tours (0 KB)

Best Related Posts are Following:

1. Convert time in HH:MM:SS format to seconds.
2. How to download image from URL with PHP?.
3. 301 or 302 Redirection With PHP and benefits.
4. How to detect Mobile Device in PHP? - Simplest way.
5. How to Create Thumbnail Images of uploaded image using PHP.
6. Advanced PHP Interview Questions and Answers.
7. Git interview questions and answers - Problem and Solutions.
8. How to import csv file to database through phpmyadmin.
9. How to export mysql query results to csv?.
10. MySql replace NULL values with empty string without effecting Rowset.
11. How to fix Headers already sent error in PHP?.
12. How can I upload file asynchronously in php?.
13. Twitter login failed leads to Page not found.
14. How to send an email using Email Template in Zend Framework.
15. How do I get wordpress global variable and functions in custom file [SOLVED].
16. How to convert php array into javascript array.
17. How to store array in Cookie and retrieve array from cookie.
18. Synchronous XMLHttpRequest on the main thread is deprecated.
19. Send Email from Gmail SMTP using Zend Framework.
20. How to display HTML Correctly in Email?.

Core JavaScript Interview Questions

Question: How to call a function after page load?

window.onload = function() {
    consol.log('Page loaded successfully');
};

Question: How to detect a mobile device in JavaScript?

var isMobile = false; 
if( /Android|webOS|iPhone|iPod|iPad|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    isMobile=true;
}

if(isMobile){
    /** Write here code **/

    /** Write here code **/
}

Question: How to get all elements in having same class in JavaScript?

var element = document.getElementsByClassName("className");
for (index = element.length - 1; index >= 0; index--) {
    /** 
    Write your code here
    **/
}

Question: How to add a class to a given element?

var element = document.getElementById("myDivId");
d.className += " anotherClass";  //It will add anotherClass to the #myDivId

Question: How to update a class to a given element?

var element = document.getElementById("myDivId");
d.className = " anotherClass";  //anotherClass will added

Question: How to DELETE a class to a given element?

var element = document.getElementById("myDivId");
d.className = '';  //All exist class will be removed

Question: How to get element object by tag name?

var element = document.getElementsByTagName("h2");

Question: How do I remove a property from a JavaScript object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3"};
delete myJSONObject.two;
console.log(myJSONObject); /* Object { Key1="value1",  Key2="value2",  Key3="value3"}*/

Question: How do I add a property from a JavaScript object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3"};
myJSONObject.Key4='value4';
console.log(myJSONObject); /* Object { Key1="value1",  Key2="value2",  Key3="value3",  Key4="value4" }*/

Question: How do I update a property from a JavaScript object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3", "Key4": "value4"};
myJSONObject.Key4='444444444444';
console.log(myJSONObject); /* Object { Key1="value1",  Key2="value2",  Key3="value3",  Key4="444444444444"}*/

Question: How do I count the size of object?

var myJSONObject = {"Key1": "value1", "Key2": "value2", "Key3": "value3"};
Object.keys(myJSONObject).length; //3

Question: How can I remove a specific item from an array?
Find the index of the array element you want to remove using indexOf, and then remove that index with splice.

const array = [2, 5, 9];
const index = array.indexOf(5);
if (index > -1) {
  array.splice(index, 1);
}
// array = [2, 9]
console.log(array); 

Best Related Posts are Following:

1. JavaScript Interview Questions and Answers for Experienced 2016.
2. JavaScript encodeURIComponent function - Encode and Decode.
3. Javascript Questions And Answers for Fresher and Experienced.
4. Javascript Interview Questions And Answers for 4 year experienced.
5. Javascript Interview Questions And Answers for 3 year experienced.