jQuery image picker

Может и есть. Но работать оно будет либо через file api (в таком случае самому просто можно написать), которое не везде поддерживается, либо тебе надо грузить файл через iframe на сервер и в ответ ждать путь к первьюшке (у меня такое уже реализованно. могу поделиться кодом).

UPD: ну или как-то через флеш.

Можно хаком сделать - кнопку с путем оставить visible, но задвинуть за пределы экрана. А управлять от другого контрола эвентами.

Но вот если надо еще в браузере содержимое файла читать - это только через filereader api (и костыли для старых браузеров)

Посмотрите на caniuse, так ли вам нужны старые браузеры.

Могу написать, для себя уже сделал, лол.
Тебе нужен FileReader.

Достаточно выставить opacity и задать размеры input по размеру блока.

А покажи, как сделал.

Ну по памяти примерно так
https://gist.github.com/ritsufag/355a2cf2eb9e859433e2

Это если файлов несколько.

А вживую можно это посмотреть где-то? Мне интересно, так ли оно выглядит, как я задумал.

Ну в живую проблематично, проект на локалхосте пылится.

Вид можно придать любой, главное превьюшка получается. Правда я думаю лучше ресайзить превью в канвасе, потому что превью в base получается жирное(это же полная пикча).
http://rghost.ru/54964559/image.png

Ммм, неплохо. А слабо мне написать и сделать пуллреквест? :3

Если лень, то я сам уже попробую чуть позже. Спасибо за пример.

Ну я могу только реализацию сделать, я просто не знаю что ты задумал и как будешь помещать «квадратик» в текущую форму.

Только это, пуллреквест будешь сам делать, а то у меня это другая машина :3

я просто не знаю что ты задумал и как будешь помещать «квадратик» в текущую форму

Мне надо заменить <input type=«file»> или как там его на квадратик с картинкой. Это желательно сделать отдельным скриптом. Никаких привязок к проекту там нет, просто через jquery находишь все такие инпуты и делаешь им нужные изменения.

Да, коммит наверное сам сделаю. С тебя паста с реализацией.

Ладно, тогда в жаббер скину.

Можно сделать проще.

<img src="file:///C:/Documents and Settings/Giga/My Documents/octopuspr0n.jpg" />

Но только я этого не говорит, ибо так пишут только мудаки.

Мне рицуфаг уже сделал, но спасибо за предложение. Только для него всё равно надо откуда-то получать путь выбранной картинки.

Тебе нужна кнопка «Add files...» (http://blueimp.github.io/jQuery-File-Upload/)? Или я неправильно понял?

Похоже, ага. Только мне надо один файл, а не много. Но благодарю за ссылку.

Похоже, ага. Только мне надо один файл, а не много. Но благодарю за ссылку.

Просто убери multiple из <input ...>

http://blueimp.github.io/jQuery-File-Upload/ — не оно?