Semantic UI File Upload Button

file-field.html.haml

.field
  .ui.button.fake-file-field
    %i.upload.icon
    %span.button-text Choose file
  .hidden-file-field
    = f.file_field :file

file-field.js

// Turn file input into a button
$('.hidden-file-field').hide();
$('.fake-file-field').click(function(e) {
  $("input[type='file']").click();
});
$('.hidden-file-field').change(function() {
  $('.button-text').text(
    $('input[type=file]').val().split('\\').pop()
  );
});