Как сделать место для загрузки изображения?

Question

[Иван Смирнов]

Как сделать место для загрузки изображения, а то уже всё перепробовал что знал. Буду благодарен за помощь.

Comments

[Вадим]

уже всё перепробовал

Но, видимо, не попробовали самого главного, чего требуют правила сервиса - погуглить.
"делаем кастомные инпуты для выбора файла" - https://habr.com/ru/articles/423035/

simonenko.su/38146501854/improving-ux-for-web-form

Answer 1

[Яков Карелин]

Если я правильно понял вопрос. Возможно так реализовать.
(JavaScript код не обязателен для стилизации элемента загрузки файла.он может быть полезен, если вы хотите предоставить пользователю обратную связь)

<input type="file" id="imageUpload" name="imageUpload" accept="image/*">

input[type="file"] {
    display: none;
}

label {
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
}

label:hover {
    background-color: #45a049;
}