How to read the name of the files in a folder using javascript

Question

I am new to JavaScript hence all mess up with me this time.my doubt is I want to create a JavaScript function which can get the names of all the files in a folder.

Please share your knowledge to get me the basic understanding for this.

Javascript in a browser enviroment has no access to the filesystem — adeneo, Dec 29 '14 at 18:14
javascript is client side language . The most elegant solution to achieve this is through AJAX. — , Dec 29 '14 at 18:19
JavaScript running where? On a web page? In a browser extension? As a Node.js application? Via Windows Scripting Host? Somewhere else? — Quentin, Dec 29 '14 at 18:23
Create / run where (browser, node)? And access files in which "folder"? — user2864740, Dec 29 '14 at 18:23
Define "folder". Are you talking about the user's local filesystem? — Quentin, Dec 29 '14 at 18:23
It will be deprecated, but [if you want to give a try](http://www.html5rocks.com/en/tutorials/file/filesystem/) ... — lante, Dec 29 '14 at 18:23
If you're new to *programming*, not just JS, you might want to try a language like Python, instead. — David Ehrmann, Dec 29 '14 at 18:26
possible duplicate of [Local file access with javascript](http://stackoverflow.com/questions/371875/local-file-access-with-javascript) — Sam Hanley, Dec 29 '14 at 18:26

score -2 · Accepted Answer · edited May 23 '17 at 10:26

-2

Because of security, generally you cannot access local files, but in modern browsers you can access some limited files in the sandbox. Your question is completely answered here: local-file-access-with-javascript

edited May 23 '17 at 10:26

Community

1
1

answered Dec 29 '14 at 18:17

Dandelion

744
2
13
34

it sounds crazy *Because of security, generally you cannot access local files **how cant you access local files in javascript since java script is client-side language it can access local-files** [read file names in java](http://stackoverflow.com/questions/1844688/read-all-files-in-a-folder) – Dec 29 '14 at 18:37
Please see my answer- with working code. – Max Heiber Jan 07 '15 at 18:06

Max Heiber · Answer 2 · 2014-12-29T18:34:32.017

-2

HTML:

<input type="file" id="files" name="files[]" multiple="" webkitdirectory="">

JS (modern browsers only):

var getFileNames=function(selectorForInput){
    var files=[].reduce.call(document.querySelector(selectorForInput).files,function(files,file){
        files.push(file.name);
        return files;
    },[]);
    return files;
};
getFileNames('#files');

edited Dec 29 '14 at 18:34

answered Dec 29 '14 at 18:24

Max Heiber

14,346
12
59
97

This is everything but an answer to this kind of question – lante Dec 29 '14 at 18:25
Sorry! I added more in order to fully answer the question. – Max Heiber Dec 29 '14 at 18:34

How to read the name of the files in a folder using javascript

2 Answers2