Комментарии 16
К сожалению, эмуляция click на input[type=file] работает не совсем хорошо или совсем не хорошо, поэтому необходима такая уличная магия.Правильнее сказать, совсем не работает (особенно коварно в IE — работает на первые 50%).
+1
Opera вне закона?
+1
в Opera 10.60 видны только две кнопки Upload и Clear внизу. Хотя клик по пустому месту вверху вызывает диалог открытия файла.
0
А если _под_ filefield подложить простой, стилизованный input, filefield'у сделать opacity:0, то при клике на этом месте будет открываться диалоговое окно. после выбора файла, js берет значение из filefield'a и кладет в наш простой input, который виден.
работает. проверено электроникой ;)
ps. ну, или вот так можно bixi.su/request
ps2. за страшную кнопку знаю, прошу не пинать ;)
работает. проверено электроникой ;)
ps. ну, или вот так можно bixi.su/request
ps2. за страшную кнопку знаю, прошу не пинать ;)
+1
хром 5.0.375.99, osx — не работает. Во-первых, ховер у кнопок отрабатывает странно. Определенными манипуляциями можно обе кнопки насовсем заховерить. Во-вторых, после залития первого файла, обе кнопки перестают отзываться.
0
Вот еще один велосипед vremenno.net/js/javascript-snippets-plus-new-file-input/
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Делаем красивый input[type=file] с помощью jQuery