Делаем красивый input[type=file] с помощью jQuery

[spmbt]

К сожалению, эмуляция click на input[type=file] работает не совсем хорошо или совсем не хорошо, поэтому необходима такая уличная магия.

Правильнее сказать, совсем не работает (особенно коварно в IE — работает на первые 50%).

[sbmaxx]

Я уже устал ругаться на поведение IE, да и обещал девушке использовать поменьше нецензурных слов — поэтому выразился политкорректно :)

[rvsob]

Девушка-тиран следит за Вами на Хабре?

[sbmaxx]

Я просто не хочу ее обманывать

[arnold-sakhnov]

>обещал девушке

Казалось бы, при чем здесь эта картинка…

[pxx]

Opera вне закона?

[sbmaxx]

Проверил работу в 10.60 — в целом в работает. Можете описать проблему более подробно и с указанием версии?

[pxx]

У меня тоже 10.60 (Windows)
После выбора файла в «Here should be our filenames:» не отображается ничего

[sbmaxx]

Хорошо, попробую подебажить эту проблему

[Sartor]

в Opera 10.60 видны только две кнопки Upload и Clear внизу. Хотя клик по пустому месту вверху вызывает диалог открытия файла.

[brmn]

А если _под_ filefield подложить простой, стилизованный input, filefield'у сделать opacity:0, то при клике на этом месте будет открываться диалоговое окно. после выбора файла, js берет значение из filefield'a и кладет в наш простой input, который виден.
работает. проверено электроникой ;)

ps. ну, или вот так можно bixi.su/request
ps2. за страшную кнопку знаю, прошу не пинать ;)

[sbmaxx]

Это один из вариантов, но он не работает для нашего случая — поле для загрузки файла должно быть минимальным по ширине и высоте.

[rwz]

хром 5.0.375.99, osx — не работает. Во-первых, ховер у кнопок отрабатывает странно. Определенными манипуляциями можно обе кнопки насовсем заховерить. Во-вторых, после залития первого файла, обе кнопки перестают отзываться.

[mr47]

Вот еще один велосипед vremenno.net/js/javascript-snippets-plus-new-file-input/

[mr47]

И еще vremenno.net/design/file-inputs-styling/