Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> аттачмент файла на JS 
:(
    Опции темы
Reptor
Дата 3.9.2009, 19:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1213
Регистрация: 29.12.2004

Репутация: нет
Всего: 0



Подскажите как можно приатачивать файлы чере JS ну как gmail делает... просто кликнуть по строке "Вложить файл" и там появляется окно где вібирается файл.. как єто делается без <input type="file"... > ???
PM MAIL ICQ   Вверх
bars80080
Дата 3.9.2009, 19:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



с чего ты взятл, что там происходит без input.file? 

я лично делал через скрытый фрейм, который открывался в виде обычного слоя с формой и полем file. там выбираешь файл, а потом щёлкаешь кнопку закрыть и автоматом средствами js отправляется форма на сервер, фрейм закрывается и ждётся пока придёт ответ. когда приходит об успешности - меняем значок на осуществлённую загрузку
PM MAIL WWW   Вверх
comtat
Дата 3.9.2009, 23:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1310
Регистрация: 2.5.2006
Где: Россия, Казань

Репутация: 4
Всего: 71



Цитата(Reptor @  3.9.2009,  19:06 Найти цитируемый пост)
ну как gmail делает

GMail через скрытый фрейм лоадит


--------------------
Рожденный в СССР !!!
ExtJS - мой фреймворк 
PM   Вверх
Reptor
Дата 4.9.2009, 11:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1213
Регистрация: 29.12.2004

Репутация: нет
Всего: 0



bars80080, я не знал...

а можете расcказать поподробнее с примером как это через iframe происходит
PM MAIL ICQ   Вверх
Reptor
Дата 4.9.2009, 11:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1213
Регистрация: 29.12.2004

Репутация: нет
Всего: 0



Код


<div id=div1></div>
<iframe id=I1 name=I1 style="display: none">
</iframe>
<form method=POST action=answer.php target=I1 enctype=multipart/form-data >
<input type="file" name="f1" id="ddd">

<input type=submit value=Отправить name=B1>
</form>

<div style="cursor: pointer;" onclick="$('#ddd').click();">Send</div>


просто как при нажатии просто на строку вызвать окно выбора файла?... 



забыл... вот answer.php

Код

<html>
<body onload="parent.document.getElementById('div1').innerHTML=document.body.innerHTML">
<p id=txt>
<?php
print_r($_FILES);
?>
</p>
</body>
</html>


Это сообщение отредактировал(а) Reptor - 4.9.2009, 11:47
PM MAIL ICQ   Вверх
Любитель
Дата 4.9.2009, 13:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Программист-романтик
****


Профиль
Группа: Комодератор
Сообщений: 3645
Регистрация: 21.5.2005
Где: Воронеж

Репутация: 1
Всего: 92



Ээ.. Тот лоадер, что сейчас на гмейле (если в настройках не скинуть на старый) - вообще флешевый. С прогрессом, мультиаплоадом и пр.


--------------------
PM MAIL ICQ Skype   Вверх
bars80080
Дата 4.9.2009, 14:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 15
Всего: 315



да кликается по той же кнопке "обзор". просто само поле file делается прозрачным opacity для ФФ и filterX:alpha для ИЕ. под него подкладывается слой с картинкой красочной строки. а щёлкаешь всё равно по полю.

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

так же javascript'ом можно сделать несколько добавляющихся полей файл

по нажатию на кнопку "отправить" или "прикрепить" происходит отправка файлов на север, iframe перезагружается. а слой в котором он находися приобретает display: none;
когда в iframe загрузиться страница с результатом загрузки, там должен быть прописан обработчик, который передаст нужной функции в родительском окне результат работы. эта функция считает имена загруженных файлов (которые придут в iframe) и нарисует где надо, мол прикрепление произошло. на самом деле файлы уже на сервере
PM MAIL WWW   Вверх
Reptor
Дата 8.9.2009, 14:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1213
Регистрация: 29.12.2004

Репутация: нет
Всего: 0



при вставке имени загруженого файла таким способом 
Код


<html>
<body onload="parent.document.getElementById('div1').innerHTML=document.body.innerHTML">
<p id=txt>
<?php
print_r($_FILES['name']);
?>
</p>
</body>
</html>


если файл назван русскими буквами в ИЕ вставляються кракозяблы разныею.. как это исправить?
PM MAIL ICQ   Вверх
Reptor
Дата 9.9.2009, 16:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1213
Регистрация: 29.12.2004

Репутация: нет
Всего: 0



кодировка почемуто применяется не та что на документ выставлена....

у меня стоит <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> но не помогает... 


PM MAIL ICQ   Вверх
EmilRegis
Дата 10.9.2009, 06:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: 1
Всего: 4



а Windows-1251
PM MAIL   Вверх
IDVsbruck
Дата 10.9.2009, 12:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 8
Всего: 22



PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0785 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.