Как сделать загрузку файлов при нажатии на картинку?

Question

[Dvorak]

С помощью этого кода без особого труда выбираю файлы, которые нужно загрузить на сервер:

<form method='post', enctype='multipart/form-data'>
            <input id='uploadfileinp' type='file' name='uname'>
            <input type='submit' name='uploadfile' value='Upload'>
        </form>

Но как сделать, чтобы окно выбора файлов открывалось при нажатии на обычную картинку?

Answer 1

[Олег]

<label>
    <img src="myimage.png" alt="Нажмите для выбора файла.">
    <input type="file" hidden>
</label>

Имя:

document.getElementById('uploadfileinp').addEventListener('change', function() {
	alert(this.files[0].name);
});

Comments

[Dvorak]

спасибо. А не подскажите, как мне узнать имя выбранного файла?

[Олег]

Михаил Макарычев: Добавил в ответ.

[Dvorak]

спасибо большое!