Возможный дубликат:
Ввод файла триггера JQuery
Я работаю над формой, которая позволяет пользователям загружать изображения на веб-сайт. Пока у меня есть решение перетаскивания, работающее в Chrome и Safari. Однако мне также необходимо поддерживать действие пользователей, которые нажимают кнопку и просматривают файлы традиционным образом.
Подобно тому, что это сделало бы:
<input type="file" name="my_file">
Однако вместо того, чтобы иметь неуклюжую область описания файла и не редактируемую кнопку "Обзор", я бы скорее использовал что-то вроде этого:
<input type="button" id="get_file">
Поэтому мой вопрос заключается в том, как заставить эту кнопку открывать окно выбора файла и обрабатывать выбор так же, как type="file"
будет работать?
Приветствия.
Мое решение
HTML:
<input type="button" id="my-button" value="Select Files">
<input type="file" name="my_file" id="my-file">
CSS
#my-file { visibility: hidden; }
JQuery
$('#my-button').click(function(){
$('#my-file').click();
});
Работа в Chrome, Firefox и IE7 + до сих пор (не пробовал IE6).