How to set image src to some "randomName.png" file available in current directory?

Question

I have this scenario to reproduce an HTML implementation for 100+ images of different names.

myPackageDirectory
- index.html
- some_name.png
- script/css files

Currently, I have to manually do the following

I wish to skip renaming part from xyz.png --> img.png by something like
<img src="*.png" /> kind of thing.
"Client-side method"

I've used python to automate iterations, but
am looking for some html/js way to pick file just by extension

or [this answer](https://stackoverflow.com/a/32511953/2996989) — Ahmed Sunny, Jan 21 '20 at 10:40
@AhmedSunny — Your first comment links to a solution specific to SmartBear's TestComplete Desktop Application. It doesn't seem applicable. — Quentin, Jan 21 '20 at 10:44
@AhmedSunny — Your second comment links to a Node.js implementation, but the question says html/js which implies the JS is running client-side in the browser and not in Node.js. — Quentin, Jan 21 '20 at 10:44
sorry for that, i misread your question, but js and html are client side languages, and accessing directory and files on server you need server side language like PHP. — Ahmed Sunny, Jan 21 '20 at 10:47

score 0 · Answer 1 · answered Jan 21 '20 at 17:10

It seems you want to obtain a list of file names on the server with the .png extension.

If your server allows directory listing, you can do this with client side JavaScript. Otherwise, you'll need a server side solution.

1 Answers1