Как сделать функцию изображения, подобную кнопке «Обзор» поля ввода файла? ⇐ Jquery

[Anonymous]

Я создал сайт для клиента, который требует, чтобы пользователь щелкнул изображение, а затем появилось поле ввода типа файла с обычной кнопкой просмотра и кнопкой отправки. Затем пользователь находит файл на своем жестком диске и нажимает кнопку «Загрузить».

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

Моя первая мысль — сделать это следующим образом:

У меня все еще будет поле формы файла типа ввода, но я скрою его с помощью css не отображает ни одного свойства. Когда пользователь нажимает на изображение, я буду использовать jQuery для автоматического нажатия кнопки обзора. Я не уверен, что это сработает, поскольку я еще не реализовал это. Но прежде чем я это сделаю, можете ли вы придумать лучший/более чистый способ сделать это?

Подробнее здесь: https://stackoverflow.com/questions/532 ... nput-field