title: Display image with wildcard in src
body: <p>I have a series of photos on a server with a strict naming convention: "uniqueId-readableName.jpg". I do this because my website database currently only logs the uniqueID (and some unrelated info), but people occasionally need to look at the file server directly to browse the photos (via FTP) so a readable name is useful. For example</p>
  
  <pre><code>001456-War Horse.jpg
  003295-Sunshine Daiseys.jpg
  129084-Laboring at the farm 2013-08-11.jpg
  </code></pre>
  
  <p>Now, I'm fairly sure the best option would be to set up the database with a record of the full file names, but I just wanted to see if anyone had any ideas I may have missed. <a href="https://stackoverflow.com/questions/16767791/how-to-display-the-last-image-of-a-file-without-knowing-the-name-of-the-image-i">This question on SO</a> is similar, but here I have strict naming conventions - not sure if that opens up any possibilities or not.</p>
  
  <p>I'm applying this to <code>img</code>, but the same idea could be appled to any file extension (eg, download "789-My Homework.zip" or "123-Family vacation.zip").</p>
  
  <p>As an example of what I'm looking for, in Windows Explorer you can do a file search for </p>
  
  <pre><code>0*.jpg
  </code></pre>
  
  <p>and all of the following files can be returned</p>
  
  <pre><code>001456-War Horse.jpg
  003295-Sunshine Daiseys.jpg
  029084-Laboring at the farm 2013-08-11.jpg
  </code></pre>
  
  <p>In my case the beginning part is always unique, so I'd like to use something like <code>001456-*.jpg</code> and have it return <code>001456-War Horse.jpg</code>.</p>
  
  <p>Is there any way do this on a website?</p>
  
  <pre><code>&lt;img src="001456-*.jpg" /&gt;
  </code></pre>