Как скрыть файл входного файла?

Question

Мне нужна помощь с javascript и некоторыми html, я думаю.

У меня есть кнопка ввода файла, где я могу выбрать изображение и загрузить его, но я хочу удалить имя «filepath» или, по крайней мере, скрыть его. Это возможно сделать, если да, то как мне это сделать?

Я могу не скрывать «нет выбранного файла» с помощью

, но я не могу сделать то же самое для сокрытия FilePath.

Я попытался использовать это и использовать onclick, и поэтому один, но ничего не работает.

Answer 1

Используйте display none для файла входного типа и включите кнопку с id = 'x' на своей странице.

Добавить eventlistener для нажатия кнопки x и когда он вызывает событие onchange для файла типа ввода. Оно работает.

Answer 2

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

Вы можете сделать это с помощью CSS & JavaScript

click here