Кнопка «Загрузить фото» не открывает ни одной windows, чтобы выбрать файл из

Question

Привет, ребята. Я очень новичок в кодировании (особенно HTML5). Я хотел заменить текст внутри кнопки «Выбрать файл» на «Загрузить изображение». Я сослался на некоторые источники, и я следовал за шагами в нем, и я смог изменить текст (Источник: https://www.youtube.com/watch?v=aKDvfxiZ4Zw). Идея в основном заключается в том, чтобы скрыть кнопку «Выбрать файл» и заменить ее на «Загрузить изображение». Но когда я проверил это, не было выдано windows, чтобы позволить мне выбрать файл, я щелкал и щелкал, но ничего не вышло. Ниже приведен код, на который я ссылался.

 <div>
   <input type="file" id="file" style="visibility:hidden" accept="image/*" capture="user" />
   <label for="file"></label>
   <button id="file" onClick="document.getIdByElement('file').click(); return false;">Upload Photo</button>
 </div>

Заранее большое спасибо, и я извиняюсь, если есть путаница, но я надеюсь, что я мог бы получить некоторые советы здесь.

Answer 1

Проблема здесь:

<button id="file" onClick="document.getElementsById('file').click(); return false;">Upload Photo</button>

Это document.getElementById не document.getIdByElement

Вот рабочий код

<div>
   <input type="file" id="file" style="visibility:hidden"   accept="image/*" capture="camera" />
   <label for="file"></label>
   <button id="file" onClick="document.getElementById('file').click(); return false;">Upload Photo</button>
 </div>