Custom style to upload file

index.slim

form
  .form-group.image-upload
    label for="society_image"
      span
        | Upload Society Picture
        i.fa.fa-cloud-upload
      .file_name
    = f.file_field :image, placeholder: "Upload Society Picture",class: 'form-control input-lg inputfile'

style.css

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

upload.js

//To show uploaded file name
$('#society_image').change(function() {
  var filename, lastIndex;
  filename = this.value;
  lastIndex = filename.lastIndexOf('\\');
  if (lastIndex >= 0) {
    filename = filename.substring(lastIndex + 1);
  }
  return $('.file_name').html(filename);
});

There label for "society_image" must same to input file id "society_image"