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

Share Improve this question Follow asked Aug 30, 2013 at 10:56 iJadeiJade 23.9k5858 gold badges160160 silver badges250250 bronze badges 1

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

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 12

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;
}