Как в yii/ajax/jquery загрузить асинхронно картинки и сериализованную форму в data?

@EVOSandru6 · Регистрация: 23.05.2012

Author24 — интернет-сервис помощи студентам

Добрый день,

Есть такая проблемка,

Без проблем проходили данные постом через форму посредством ajax запроса и обрабатывались на сервере. Но появилась необходимость асинхронной загрузки главного изображения к записи и группы изображений к этой записи (CMultiFileUpload компонент).

Моя кнопка Chtml::submitButton находится вне виджета формы. Это Очень необходимо.

Раньше я просто посылал данные из формы, datatype и datacontent не указывал.

Javascript

$.ajax({
...
data: $("#hotels-form").serialize()
...
});

Пользуясь этим мануальчиком http://www.yiiframework.com/wi... ng-in-yii/

Решил запилить асинхронную загрузку.

В нем предлагается загружать картинки через formData:

Javascript

1 2	var formData = new FormData($("#post-form")[0]); data: formData,

Плюс к этому указываются три параметра:

Javascript

1
2
3

cache: false,
contentType: false,
processData: false

1. Как мне отправить данные с формы вместе с formData
2. Что при этом делать с остальными параметрами ajax?
3. Как сделать так, чтобы на сервер отправлялось и главное изображение и группа изображений?

Пока химичу с параметрами, но ловлю подобные ошибки:
Uncaught TypeError: Illegal invocation

либо попадаю в секцию error у ajax без объяснения причин и логов:

Если:

Javascript

1 2	dataType:'json', data: $("#hotels-form").serialize(),

Или:

Javascript

1 2	dataType:'json', data: $("#hotels-form").serialize() + '&' + 'files='+ formData,

В данном случае теряю токен:

Javascript

1 2	dataType:'json', data: $("#hotels-form").serialize() + formData,

Помогите пожалуйста!

Добавлено через 21 минуту
Странное дело:

Javascript

        var formData1 = new FormData($("#hotels-form")[0]);
 
 
jQuery.ajax({
            url: '/sadmin/hotels/ajaxCreate',
            data: formData1,
            cache: false,
            contentType: false,
            processData: false,
            type: 'POST',
            success: function(data)
            {
                alert(data);
            }
        });

Сделал так и у меня улетели на север и картинки ,и группа ,и форма, не понимаю, почему они улетели?! Я ведь только главную картинку отправил?!

	22.10.2015, 14:37