Как оформить кнопку input type file?

Question

[Иван Сохин]

С помощью таких костылей я оформил кнопку <input type='file'>. Мне теперь интересно, как сделать пометку о том, что файл прикреплен с помощью jquery (getbootstrap.com/components/#badges). И как сделать прогресс бар, при обновлении iframe? И как ограничить тип файлов при нажатию на кнопку?

Answer 1

[Stalker_RED]

Если вы про css то прогрессбаров множество: www.w3schools.com/bootstrap/bootstrap_progressbars.asp
У iframe есть событие onload.
Ограничить можно используя accept www.w3.org/TR/html-markup/input.file.html

Comments

[Иван Сохин]

А можно сделать так, что бы после выбора файла сразу началась загрузка?

[Stalker_RED]

Иван Сохин: конечно. по событию change на поле делаете submit формы.
Еще можно показывать превью изображения в браузере еще до отправки: jsfiddle.net/m9otfka8