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

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

• javascript
• jquery
• file-upload
• safari

• 2 Does it work if the fileupload element isn't hidden? – Barmar Commented Aug 30, 2013 at 10:59

2 Answers 2

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

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

You can also do:

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