How Can I Create a Custom File Upload With Only HTML, JS and CSS

Question

Here is the design of the control I want to create:

As you can see, it\'s easy to create

Answer 1

It's actually not as complicated as you may think. Check out this fiddle. Stylize your button how you will!

HTML

CSS

input[type=file] { 
    width: 1px; 
    visibility: hidden;
}

JavaScript

$(function(){
    $('#clickme').click(function(){
        $('#uploadme').click();
    });
});