gistfile1.txt

$(document).ready(function() {
  $('input[type=file]').each(function(){
    $(this).parent().append($('<div class="fakefile" />').append($('<img src="/assets/img/file-button.png" alt="File input button" />')));
    
    $(this).on('click', function(){
        $('input#input_1_12').click();
    }) 
  });
});

$(document).ready(function() {
  $('input[type=file]').each(function(){
    var input = $(this);
    input.parent().append($('<div class="fakefile '+input.attr('id')+'" />').append($('<img src="/assets/img/file-button.png" alt="File input button" />')));

    $('.fakefile.'+input.attr('id')).on('click', function(){
        input.click();
    }) 
  });
});

$('#input_1_12').on('change',function(){
  console.log(this.value);
});

$(document).ready(function() {
  $('input[type=file]').each(function(){
    var input = $(this);
    input.parent().append($('<div class="fakefile '+input.attr('id')+'" />').append($('<img src="/assets/img/file-button.png" alt="File input button" />')));

    $('.fakefile.'+input.attr('id')).on('click', function(){
        input.click();
    });

    input.on('change',function(){
        console.log(this.value.replace("C:\\fakepath\\", ""));
    });
  });
});

$(document).ready(function() {
  $('input[type=file]').each(function(){
    var input = $(this);
    var fakefile = $('.fakefile.'+input.attr('id'));

    input.parent().append($('<div class="fakefile '+input.attr('id')+'" />').append($('<img src="/assets/img/file-button.png" alt="File input button" />')));


    fakefile.on('click', function(){
        input.click();    
    })

    input.on('change',function(){
        fakefile.text(this.value.replace("C:\\fakepath\\", "  "));
    });

  });
});