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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> jquery ajax загрука файла в форме 
:(
    Опции темы
nepster
Дата 25.4.2011, 05:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

Репутация: нет
Всего: нет
Есть форма, к примеру 4 поля. 

автор
заголовок 
текст 
файл 

Нужно при помощи jquery ajax отправить форма на сервер (в php файл). Данные отправлю без проблем, однако вопрос как отправить аяксом файл? Задача php проверить форму и вернуть результат. 

Нашел плагин jquery+ajax для отправки файла, однако он как бы сам по себе: 

HTML
<script type="text/javascript" >
    $(function(){
        var btnUpload=$('#upload');
        var status=$('#status');
        new AjaxUpload(btnUpload, {
            action: 'upload-file.php',
            name: 'uploadfile',
            onSubmit: function(file, ext){
                 if (! (ext && /^(jpg|png|jpeg|gif|docx)$/.test(ext))){ 
                    // extension is not allowed 
                    status.text('Only JPG, PNG or GIF files are allowed');
                    return false;
                }
                status.text('Uploading...');
            },
            onComplete: function(file, response){
                //On completion clear the status
                status.text('');
                //Add uploaded file to list


                if(response==="success"){
                

                    $('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />'+file).addClass('success');
                


                } else{
                    $('<li></li>').appendTo('#files').text(file).addClass('error');
                }



            }
        });
        
    });
</script>

<div id="upload" ><span>Upload File</span></div><span id="status" ></span>
<ul id="files" ></ul>





Возможно ли как то добавить его в мою форму ? 

Отправка данных с формы выглядит так 


[JS]function test() {
    
$(document).ready(function() {

        $.ajax({
            type: "POST",
            url: "/operations/add_comm/",
            data: ({ 'param[]': [param1,param2,param3 ]}),
            beforesend: document.getElementById("loading").innerHTML = '<img src="/style/images/loading.gif" alt="loading">',
            success: function(data) {document.getElementById("loading").innerHTML = '4';}            
        })

    });


    
    }
    
[/JS]


Возможно ли как то приконтачить файл ко всем этим данным  ?
PM MAIL   Вверх
Котокобра
Дата 25.4.2011, 19:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

Репутация: нет
Всего: 4
я бы такую штуку на фреймах делал, что-нибудь в духе

Код

<form action="javascript:document.write('ok')" target="fr">
    <input type="file" />
</form>

<iframe name="fr"></ifame>


попробуй добавить в data: значения input-file, может получиться. у меня сейчас денвер не установлен, поэтому не могу проверить.


а вообще интересный вопрос. на многих сайтах сделано так, что input-file скрыт, есть только баттон, который эмулирует вызов input-file. как они это сделали, понятия не имею...
PM MAIL   Вверх
Amphiluke
Дата 25.4.2011, 20:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


   ☽
***


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

Репутация: 35
Всего: 112
Цитата(Котокобра @  25.4.2011,  23:18 Найти цитируемый пост)
как они это сделали, понятия не имею...

Например, так
 smile 
PM   Вверх
Котокобра
Дата 25.4.2011, 21:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




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


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

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