React/Javascript Load all image file paths from public/images folder

Question

I have a simple app which is supposed to show all images in a specific folder. As far as I understand, javascript is not allowed to load local files. Is this correct? Is it possible to load all images file paths from the public/images folder into an array?

Thanks..

https://stackoverflow.com/questions/47196800/reactjs-and-images-in-public-folder it might be help you. — Rahul Dudharejiya, Dec 06 '18 at 09:44
This only loads a specific image. I want all images in this folder without knowing the file name — Tobias Moe Thorstensen, Dec 06 '18 at 09:46
Think about it - you have some code executing on a client's machine and you want to know all the files in a directory on a server. No good way to do that other than to ask the server in a formal way e.g. via an API. Unless you mean at client/js compile time or on the client's machine.. bit unclear. — Dominic, Dec 06 '18 at 09:50
Yeah @Dominic this is what I thought about.. But, but.. It should be as simple as possible.. — Tobias Moe Thorstensen, Dec 06 '18 at 09:51

score 0 · Answer 1 · answered Dec 06 '18 at 12:19

0

it is not possible because JavaScript runs on the browser, but the files tipically are hosted on a server. Your server needs to expose an API or any kind of information about the files that are contained in a specific folder, then you can fetch every file using Ajax.

answered Dec 06 '18 at 12:19

Michele Riva

552
9
24

1

Sorry if I was unclear but the Application is supposed to load images from the server side. This posted helped me alot: https://github.com/gatsbyjs/gatsby/issues/3663 I'm loading Resources from the Public/images folder in my web-app. – Tobias Moe Thorstensen Dec 07 '18 at 07:26

React/Javascript Load all image file paths from public/images folder

1 Answers1