I have a login page that I want to be able to have custom branding on. When the customer is logged in, they will be able to upload either a .gif, .jpeg, or .png image which will then be used on the login page after they have logged out. The file will be stored with a generic filename in a predetermined location, so I will know all of that, I just won't know which file format was uploaded.

So basically, when a customer navigates to `www.example.com/login/:id` the application will load an image file from a publicly available mounted drive where the image is stored. The directory structure of the mounted drive where the image is stored will be something like `/mnt/resource/client/:id/logo.*`. The customer won't be authenticated yet, so I won't be able to access any database's.

My plan was to store the directory `/mnt/resource/client` in an environment variable, and when the login component loads up, I will append the id from the route params, and the filename, but at this point I won't know what the extension is.

Is there a way to be able to load an image in the html img tag with a location something like `/mnt/resource/client/0001/logo.*`? Also, `logo.[png, jpg, gif]` will be the only thing stored in this location.

EDIT: I attempted to use `/mnt/resource/client/0001/logo.*` as well as `/mnt/resource/client/0001/logo` but both give a 404. I figured it would, but thought I would try anyway.

Or, is there a better way to approach/solve this problem?

Also, I'm sorry if this is duplicate question, I attempted to search for related questions, but didn't find any, but also wasn't sure if I was correctly formulating my search query.

Also, let me know if there are any details I may have left out. Thanks in advance!