JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="image-upload">
    <label for="file-input">
      <span class="glyphicon glyphicon-camera"></span>
    </label>

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

CSS

.image-upload > input
{
    display: none;
}
.image-upload > label{
  cursor:pointer;
}