Quick and dirty removal of browse button from file inputs

markup.html

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

script.js

// Add ape input to DOM and hide file input
$('.file-input input[type="file"]').css({'visibility': 'hidden', 'height': 0}).append('<input type="text">');

// When the ape input is clicked, trigger a click on the file input and launch browse window
$('.file-input input[type="text"]').on('click', function(){
    $(this).next('input[type="file"]').trigger('click');
});

// When the file input value changes, update the ape input too
$('.file-input input[type="file"]').on('change', function(){
    var filename = $(this).val();
    $(this).prev('input[type="text"]').val(filename);
});