html - Scan folder content in Javascript - Stack Overflow

I am trying to build an HTML5 video player that will automatically turn on playlist mode if there is more than one video file in the /videos folder.

I'm trying not to use PHP for this so please keep that in mind when suggesting something.

Thank you.

I am trying to build an HTML5 video player that will automatically turn on playlist mode if there is more than one video file in the /videos folder.

I'm trying not to use PHP for this so please keep that in mind when suggesting something.

Thank you.

• javascript
• html
• video
• html5-video

Share Improve this question Follow asked Sep 10, 2015 at 19:10 diederikdiederik 14111 gold badge33 silver badges88 bronze badges 2

• 2 There is no way to "list" remote files in JavaScript, except as exposed by the server. In this case the best method would be to ask the server to provide the information somehow. – user2864740 Commented Sep 10, 2015 at 19:12
• Anyway. this could also be done via convention, ie. video1.mpg, video2.mpg, videoN.mpg .. in which case the resource names are guessed - well, just checked in sequence - until one fails to load. Not that I remend it, but it does avoid the need to "list" resources. – user2864740 Commented Sep 10, 2015 at 19:14

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 3

You cannot access file-system using JavaScript. But, you can do a fake HTTP request to the directory with index access:

var dir = "/videos";
var fileextension = ".mp4";
$.ajax({
    //This will retrieve the contents of the folder if the folder is configured as 'browsable'
    url: dir,
    success: function (data) {
        // List all mp4 file names in the page
        $(data).find("a:contains(" + fileextension + ")").each(function () {
            var filename = this.href.replace(window.location.host, "").replace("http:///", "");
            $("body").append($("<img src=" + dir + filename + "></img>"));
        });
    }
});