How to change the button text of <input type=“file” />?

How to change the button text of <input type=“file” />?

Simply

<label class="btn btn-primary">
  <i class="fa fa-image"></i> Your text here<input type="file" style="display: none;"  name="image">
</label>

[Edit with snippet]

https://jsfiddle.net/KenKarloDotcom/p1v3qtek/5/