Unable to click input type="file" in windows safari browser

Question

Here is my html code

<input type="button" id="btn" value="UPLOAD" />
<input id="fileupload" type="file" style="display:none;" />

here is jquery code

 $('#btn').click(function () {
            $('#fileupload').click();
        });

It works as expected in Chrome and in windows safari doesn't do any thing.And i checked no error in console. Here is a jsfiddle

Answer 1

try hiding input file using the below code instead of display:none;

 opacity:0;width:0px;height:0px;

Answer 2

You can also do:

input[type="file"] {
    visibility: hidden;
    position: absolute;
}