Как применить к input[type="file"] стили, когда файл загружен?

Question

[Dymok]

Есть в макете такие элементы:
То есть, кнопки для загрузки должны иметь другой вид, когда с их помощью загружено изображение.
Есть ли способ реализовать такое? Может псевдокласс, как :checked? Или хотя бы какой-нибудь пример на JS?
Заранее спасибо (:

Answer 1

[SagePtr]

Файлы загружаются ajax'ом на сервер? Тогда в функции, которая вызывается при успешной загрузке (событие load), проверяйте ответ от сервера, и если он соответствует успешной загрузке, тогда добавляйте к этой кнопке какой-нибудь класс. Не псевдокласс, а отдельный (в довесок к уже существующим).

Answer 2

[Виктор Янышев]

input[type="file"] не стилизуется, в прозрачность на 0 или дисплей нон, на свою кнопку вешаешь клик с трггером клика на невидимый input[type="file"]