How to get the count of file in a directory using jquery?

Question

i want t get the number of files in a folder. there are many images in my folder i want to count there numbers is there any way to do that using jquery or javascript ? Thanks in advance

Only the server can determine the contents in it. You'll have to make a XHR-call to the backend, counting the files and returning the response. — Eric
– Eric, Commented Mar 24, 2015 at 12:02
Only Node.js can do this for your. jQuery is a client side framework. — Piotr Dajlido
– Piotr Dajlido, Commented Mar 24, 2015 at 12:04

davidkonrad · Accepted Answer · 2015-03-24 13:29:11Z

4

If the server is Apache and Directory Listing is allowed, and you AJAX' a directory, Apache will typically return a document with a <table> containing the files in the directory if there is no index files present. You can extract the <table> from the document and show it, or count the number of rows in the table containing file information. I would consider any row in that table having a size column with value 0 or higher as a file.

markup :

<div id="fileCount"></div>
<div id="files"></div>

ajax:

$.ajax({
    url: "images/",
    success: function(data) {
        var parser = new DOMParser(),
            doc = parser.parseFromString(data, 'text/html');

        //output the file table
        $("#files").append(doc.querySelector('table').outerHTML);

        //or return the number of files
        //tr = icon, filename, date, size, desc
        //consider all rows with a size value holding a number as a vlid file
        var fileCount = 0,
            rows = doc.querySelector('table').querySelectorAll('tr');

        for (var i=0;i<rows.length;i++) {
            if (rows[i].children[3]) {
                if (parseInt(rows[i].children[3].innerText)>0) fileCount++;         
            }
        }
        $("#fileCount").text(fileCount+' files');
    }
});

answered Mar 24, 2015 at 13:29

davidkonrad

85.7k17 gold badges211 silver badges273 bronze badges

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

1 Comment

Squirrl Over a year ago

Great answer. Although, I had to use .children[2]

Utku · Accepted Answer · 2015-03-24 12:25:06Z

1

I didn't tried yet, but could be like this.

$.ajax({
    url: "/images-folder-on-server/",
    success: function (data) {
        var image_count = $(data).length();     
    }
});

edited Mar 24, 2015 at 12:25

answered Mar 24, 2015 at 12:17

Utku

3004 silver badges19 bronze badges

Comments

Surajghosi · Accepted Answer · 2015-03-24 12:28:20Z

-1

JavaScript is client side language. it not allowed to access file to server, if you are using ASP.net then use below line of code for get count of file.

IO.Directory.GetFiles("\translated\path","27_*.jpg").Count()

edited Mar 24, 2015 at 12:28

user372551

answered Mar 24, 2015 at 12:05

Surajghosi

2261 gold badge2 silver badges10 bronze badges

2 Comments

lshettyl Over a year ago

aps.net? you meant asp.net?

Amit Kumar Gupta Over a year ago

I've to open files which is on client side but I believe you can't directly open until you browse it.

Collectives™ on Stack Overflow

How to get the count of file in a directory using jquery?

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related