How to get array of files from a folder using Javascript

Question

Scenario: I am creating a personal home page that i plan for using in safari/chrome/Firefox and I have a folder with images. I want to display a random image as the background of the page.

My solution to this was to create an array with all the images as separate links as the objects of the array. My JS works with a pre-made array of links but I have no clue on how to create an array from a directory.

I don't mind using jquery if required but i cant have server side php (or anything else) since i am linking the local html file to the new tab page.\

The html file is in the directory / and the images in /img .

Welcome to SO please take a tour of the help centre to see how to ask a good question and what types of question are on topic for the site — Pete
– Pete, Commented Apr 11, 2017 at 12:38
The only way to do what you want though is to make an ajax request to a serverside php file - js is clientside and cannot read the file structure of the server — Pete
– Pete, Commented Apr 11, 2017 at 12:40
Possible duplicate of Does Javascript support the ability to get a directory listing? — user4639281
– user4639281, Commented Apr 11, 2017 at 19:24

Mike Chamberlain · Accepted Answer · 2017-04-11 12:39:56Z

1

This can't be done. You're going to need something on the server side to read the directory that is on your server. Javascript (including jQuery) running on the user's browser doesn't have access to list directories on your server.

answered Apr 11, 2017 at 12:39

Mike Chamberlain

43k28 gold badges113 silver badges160 bronze badges

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

Collectives™ on Stack Overflow

How to get array of files from a folder using Javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related