2013-08-30 2 views
3

Вот мой HTML кодНевозможно нажать кнопку ввода типа = «файл» в окне сафари браузера

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

здесь JQuery код

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

Он работает, как ожидается, в Chrome и в окнах сафари Безразлично Я ничего не делаю. И я не заметил ошибок в консоли. Вот jsfiddle

+2

ли работа, если 'fileupload' элемент не является скрытый? – Barmar

ответ

12

попытайтесь скрыть входной файл, используя приведенный ниже код вместо display:none;

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

dats nice ... я думаю, что непрозрачность сама по себе ... не нужно устанавливать ширину и высоту до 0 – iJade

+0

попробуйте щелкнуть по ближайшему пустому месту рядом с кнопкой, вы в конечном итоге нажмете элемент файла по ошибке (что не видимо), то есть, почему лучше установить ширину и высоту в 0px в качестве меры предосторожности :) – rps

+0

никогда не думал, что это ... thnks anywaz :) – iJade

1

Вы также можете сделать:

input[type="file"] { 
    visibility: hidden; 
    position: absolute; 
} 
Смежные вопросы