Почему не вызывается окно добавления файла?

Question

[GreenMan1899]

<label>  
	<input type="file" name="" id="uploaded-file" onchange="getFileName();">                                  
	<button>Выбрать документ</button>
</label>
<p id="file-name"></p>

function getFileName() {
	var file = document.getElementById('uploaded-file').value;
	file = file.replace(/\\/g, '/').split('/').pop();
	document.getElementById('file-name').innerHTML = 'Имя файла: ' + file;
}

codepen

Answer 1

[Alex]

Comments

[GreenMan1899]

я пишу кастомный загрузчик

[Alex]

GreenMan1899, Тогда встречный вопрос: с чего вы решили что окно должно вызываться?

Вот пример реализации - https://tympanus.net/codrops/2015/09/15/styling-cu...

[Alex]

GreenMan1899, тогда уж как-то так

Ибо клик по кнопке не передаёт клик по лейблу

[GreenMan1899]

Александр Козак, тут скрывается и все норм работает webcodius.ru/recepty-dlya-sajta/stilizaciya-input-...

[Михаил]

GreenMan1899, тогда почему бы вам не попробовать задать себе вопрос и попытаться на него ответить.
Почему кнопка должа открыть окно? Потому, что она в label обернута и лежит рядом с input? Потому, что создатели браузера ванги и должны автоматически связывать какую-то рандомную кнопку с input?
А вообще хорошо бы когда задаете вопрос, написать об этом, что бы те кто пытается вам помочь понимали, с чего вы вообще взяли, что это должно работать.

[Михаил]

GreenMan1899, а где вы там в примере видете использования button?

[GreenMan1899]

Михаил, я думаю, что профи глядя на такой простой код не должны быть семи пядей во лбу чтоб понять, что я пытаюсь сделать. Это довольно распространенная практика.