How to make a link act as a file input

Question

I have a link,

<a id="upload-file">Upload your photo</a>

And if clicked, I want it to act as an browse file input

<input id="upload-file" type="file"/>

How would I accomplish this?