Замена поля ввода файла

Question

<input type="file" />

Могу ли я заменить поле ввода файла (см. Выше) простой кнопкой:

<button type="submit">Upload</button>

Ввод файла не очень хорошо вписывается в дизайн, и его стилизация - это боль, так что если еговместо этого можно использовать кнопку для загрузки файла, которая также совместима с кросс-браузерными функциями, что было бы здорово!

Спасибо!

Answer 1

1- Вы не можете вызвать диалоговое окно открытия с помощью кнопки, вы можете просто показать диалоговое окно, используя поле входного файла, или используя флэш-компонент.

2- Вы можете обойти это, поставиввведите во входной файл кнопку «с помощью CSS» и установите этот входной файл прозрачным, чтобы он выглядел так, как будто пользователь нажимает кнопку, но на самом деле он нажимает на прозрачный входной файл.

Пример: http://www.quirksmode.org/dom/inputfile.html

Answer 2

Вы можете стилизовать с помощью CSS и DOM тип файла ввода

См. страницу