Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.07.2012, 23:23
Аватар для CyMKuH
Интересующийся
Отправить личное сообщение для CyMKuH Посмотреть профиль Найти все сообщения от CyMKuH
 
Регистрация: 11.07.2011
Сообщений: 26

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

Я решил сделать input невидимым, а вместо него использовать ссылку, при нажатии которой "инициализировался" клик на input'е. Короче нажимая ссылку открывается диалоговое окно для выбора файла, но после выбора файл не отправляется, хотя если по-обычному кликать по input' у всё работает нормально. В чём может быть причина?
Ответить с цитированием
  #2 (permalink)  
Старый 24.07.2012, 23:26
Профессор
Отправить личное сообщение для oneguy Посмотреть профиль Найти все сообщения от oneguy
 
Регистрация: 31.05.2012
Сообщений: 396

Вы запускали метод submit на форме или нажимали кнопку типа "submit"?
Ответить с цитированием
  #3 (permalink)  
Старый 24.07.2012, 23:27
Аватар для CyMKuH
Интересующийся
Отправить личное сообщение для CyMKuH Посмотреть профиль Найти все сообщения от CyMKuH
 
Регистрация: 11.07.2011
Сообщений: 26

Указывал файл, после чего картинка сразу отсылалась на сервер
Ответить с цитированием
  #4 (permalink)  
Старый 24.07.2012, 23:41
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от CyMKuH
Я решил сделать input невидимым, а вместо него использовать ссылку, при нажатии которой "инициализировался" клик на input'е. Короче нажимая ссылку открывается диалоговое окно для выбора файла, но после выбора файл не отправляется, хотя если по-обычному кликать по input' у всё работает нормально. В чём может быть причина?
input низзя скрывать display:none и visibility:hidden
Делаем position:relative;z-index:-100; (или position:absolute;z-index:-100; - чтоб не занимал места
Ответить с цитированием
  #5 (permalink)  
Старый 24.07.2012, 23:46
Аватар для CyMKuH
Интересующийся
Отправить личное сообщение для CyMKuH Посмотреть профиль Найти все сообщения от CyMKuH
 
Регистрация: 11.07.2011
Сообщений: 26

Сообщение от Deff Посмотреть сообщение
input низзя скрывать display:none и visibility:hidden
Делаем position:relative;z-index:-100; (или position:absolute;z-index:-100; - чтоб не занимал места
Да я ещё и не скрыл... просто написал что планирую...
Ответить с цитированием
  #6 (permalink)  
Старый 24.07.2012, 23:49
Профессор
Отправить личное сообщение для oneguy Посмотреть профиль Найти все сообщения от oneguy
 
Регистрация: 31.05.2012
Сообщений: 396

Если я правильно понял, проблема в том, чтобы отправить файл сразу после выбора пользователем файла в диалоговом окне, тогда поставьте событие onchange на инпуте с файлом, и в нём сделайте одно из действий, описанных в моём предыдущем посте или отправьте файл средствами AJAX.
Ответить с цитированием
  #7 (permalink)  
Старый 24.07.2012, 23:53
Профессор
Отправить личное сообщение для oneguy Посмотреть профиль Найти все сообщения от oneguy
 
Регистрация: 31.05.2012
Сообщений: 396

Сообщение от CyMKuH
input низзя скрывать display:none и visibility:hidden
Почему?
Ответить с цитированием
  #8 (permalink)  
Старый 25.07.2012, 00:02
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Воть такое решение - Opera, input file, div tabindex пост 24 - Не подходит ?
Ответить с цитированием
  #9 (permalink)  
Старый 25.07.2012, 00:08
Аватар для CyMKuH
Интересующийся
Отправить личное сообщение для CyMKuH Посмотреть профиль Найти все сообщения от CyMKuH
 
Регистрация: 11.07.2011
Сообщений: 26

Сообщение от Deff Посмотреть сообщение
Воть такое решение - Opera, input file, div tabindex пост 24 - Не подходит ?
Да, да именно так и сейчас и делаю... вспомнил про стилизацию input'a)))
Ответить с цитированием
  #10 (permalink)  
Старый 25.07.2012, 00:52
Аватар для Gvozd
Матрос
Отправить личное сообщение для Gvozd Посмотреть профиль Найти все сообщения от Gvozd
 
Регистрация: 04.04.2008
Сообщений: 6,246

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как передать click на input type="file" virginkoks Events/DOM/Window 3 18.02.2011 16:32
Программный вызов диалога <input type="file" /> mat_ppc Общие вопросы Javascript 2 22.11.2010 13:56
live click выполняется несколько раз hara jQuery 9 09.06.2010 10:58
Добавить значение в <input type="file" id="file"/> giGnet Events/DOM/Window 9 20.04.2010 01:01
события <input type="file" /> Papa Общие вопросы Javascript 1 21.03.2010 16:28