Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Click по <input type="file" /> (https://javascript.ru/forum/events/30122-click-po-input-type%3D-file.html)

CyMKuH 24.07.2012 23:23

Click по <input type="file" />
 
Суть проблемы: я себе на сайт поставил резалку (crop) для обрезки фоток. Выдирал из примера, и сильно не разбирался. Смысл в том что при нажатии на input file выбираем файл и отправляем на сервер. и т.д.

Я решил сделать input невидимым, а вместо него использовать ссылку, при нажатии которой "инициализировался" клик на input'е. Короче нажимая ссылку открывается диалоговое окно для выбора файла, но после выбора файл не отправляется, хотя если по-обычному кликать по input' у всё работает нормально. В чём может быть причина?

oneguy 24.07.2012 23:26

Вы запускали метод submit на форме или нажимали кнопку типа "submit"?

CyMKuH 24.07.2012 23:27

Указывал файл, после чего картинка сразу отсылалась на сервер

Deff 24.07.2012 23:41

Цитата:

Сообщение от CyMKuH
Я решил сделать input невидимым, а вместо него использовать ссылку, при нажатии которой "инициализировался" клик на input'е. Короче нажимая ссылку открывается диалоговое окно для выбора файла, но после выбора файл не отправляется, хотя если по-обычному кликать по input' у всё работает нормально. В чём может быть причина?

input низзя скрывать display:none и visibility:hidden
Делаем position:relative;z-index:-100; (или position:absolute;z-index:-100; - чтоб не занимал места

CyMKuH 24.07.2012 23:46

Цитата:

Сообщение от Deff (Сообщение 191411)
input низзя скрывать display:none и visibility:hidden
Делаем position:relative;z-index:-100; (или position:absolute;z-index:-100; - чтоб не занимал места

Да я ещё и не скрыл... просто написал что планирую...

oneguy 24.07.2012 23:49

Если я правильно понял, проблема в том, чтобы отправить файл сразу после выбора пользователем файла в диалоговом окне, тогда поставьте событие onchange на инпуте с файлом, и в нём сделайте одно из действий, описанных в моём предыдущем посте или отправьте файл средствами AJAX.

oneguy 24.07.2012 23:53

Цитата:

Сообщение от CyMKuH
input низзя скрывать display:none и visibility:hidden

Почему?

Deff 25.07.2012 00:02

Воть такое решение - http://javascript.ru/forum/events/29...tml#post186158 пост 24 - Не подходит ?

CyMKuH 25.07.2012 00:08

Цитата:

Сообщение от Deff (Сообщение 191421)
Воть такое решение - http://javascript.ru/forum/events/29...tml#post186158 пост 24 - Не подходит ?

Да, да именно так и сейчас и делаю... вспомнил про стилизацию input'a)))

Gvozd 25.07.2012 00:52

Хтелепат режимЪ
Вы просто позиционируете INPUT:FILE, или вставляете/вырезаете его в DOM?
ПОлагаю, что при вырезании/клонирвоании он не сохраняет выбранный вами файл
Поэтому он должен быть изначально вставлен в форму, и лишь отпозиционирован под курсор
Х.телепат режимЪ


Часовой пояс GMT +3, время: 13:21.