Как связать кнопку ввода с окном выбора файла? [дубликат]

На этот вопрос уже есть ответы здесь:

Закрыто 7 лет назад.

Возможный дубликат:
Ввод файла триггера Jquery

Я работаю над формой, которая позволяет пользователям загружать изображения на веб-сайт. Пока у меня есть решение для перетаскивания, работающее в Chrome и Safari. Однако мне также необходимо поддерживать действие пользователей, нажимающих кнопку и просматривающих файлы традиционным способом.

Аналогично этому:

Однако вместо неуклюжей области описания файла и нередактируемой кнопки «Обзор» я бы предпочел использовать что-то вроде этого:

Поэтому мой вопрос заключается в том, как сделать эту кнопку открытой. окно выбора файла и обрабатывать выбор так же, как type="file"?

Удачи.

Мое решение

HTML:

CSS:

#my-file { visibility: hidden; }

jQuery:

$('#my-button').click(function(){
    $('#my-file').click();
});

Пока работает в Chrome, Firefox и IE7+ (не пробовал IE6).

задан Community 23 May 2017 в 12:10

0 ответов

Другие вопросы по тегам:

file-upload html javascript jquery forms

Как связать кнопку ввода с окном выбора файла? [дубликат]

0 ответов

Похожие вопросы: