title: Best way to dynamic creation of file input
body: <p>I have some custom upload file options like multiple hyperlinks. When clicked on that, I need to trigger the hidden file input. Say, I have 10 hyperlinks to upload different icons.<br>
  There are two ways to do that:<br>
  1. Create 10 file inputs and hide them and manually trigger them when clicking on the respective hyperlink.<br>
  2. Create a common function for that when the user clicks on the hyperlink and in that function, create a file input using javascript and triggered it using js.  </p>
  
  <p>So, my question is that which one is best or there is an efficient way to do that.</p>