0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 543 Просмотров
*

komap

  • Новичок
  • 4
  • 0 / 0
ajax загрузка изображений
« : 04.04.2018, 20:31:47 »
Здравствуйте. Разрабатываю некий модуль. Необходимо загрузить картинку на сервер. Использую следующий js код:

Код
function uploadServer($el) {
     var fileUpload = $el.get(0);
     var file = fileUpload.files[0];
     var url;
     if (file) {
         var data = new FormData();
         data.append('image', file);

         var request = {
            'option': 'com_ajax',
            'module': 'constructor',
            'method': 'uplodeImage',
            'val'   :  data,
            'format': 'json',
         };
   
         $.ajax({
            async: false,
            type: 'post',
            cache: false,
            contentType:false,
            processData:false,
            data: request,
            success: function (response) {
                url = response;
            }
         }).done(function(response){
              url = response;
       });
    }
   $('#debug').html(url);
   return url;
}

Метод класса модуля:

Код
class modConstructorHelper
{

    // Загрузка изображений во временную папку
    public static function uplodeImageAjax() {

       

    }

}

Проблема заключается в том, что даже ничего не возвращая с сервера выводится копия страницы. Если же файлы не передавать, а просто сделать запрос, а в ответ отправить какой - нибудь текст, то все работает. Если есть у кого-нибудь готовый вариант решения, буду благодарен если поделитесь)
« Последнее редактирование: 04.04.2018, 21:24:32 от komap »
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 427 / 4
Re: ajax загрузка изображений
« Ответ #1 : 04.04.2018, 21:07:07 »
del
« Последнее редактирование: 04.05.2018, 22:02:49 от Aleks.Denezh »
*

komap

  • Новичок
  • 4
  • 0 / 0
Re: ajax загрузка изображений
« Ответ #2 : 04.04.2018, 21:13:32 »
если вы дергаете метод uplodeImage из модуля через com_ajax то в классе helper модуля он должен называться uplodeImageAjax и он должен быть статичным!
то есть
public static function uplodeImage() {  }
переделать на
static function uplodeImageAjax() {    }
Прошу прощения, описался. в модуле все так как вы написали.Поправил вверху
« Последнее редактирование: 04.04.2018, 21:18:21 от komap »
*

Aleks.Denezh

  • Живу я здесь
  • 3406
  • 427 / 4
Re: ajax загрузка изображений
« Ответ #3 : 04.04.2018, 21:24:50 »
del
« Последнее редактирование: 04.05.2018, 22:02:45 от Aleks.Denezh »
*

komap

  • Новичок
  • 4
  • 0 / 0
Re: ajax загрузка изображений
« Ответ #4 : 04.04.2018, 21:52:43 »
Да теперь сервер получает файл. Подскажите, в чем разница между моим способом задания данных для передачи и ваши с помощью set? Я как понимаю, то что писал я, это не совсем похоже на данный которые берутся из форм, по сравнению с вашем?
*

komap

  • Новичок
  • 4
  • 0 / 0
Re: ajax загрузка изображений
« Ответ #5 : 04.04.2018, 22:03:44 »
Разница между set() и FormData.append в том, что если заданный ключ уже существует, set() заменит данные в нем на новые, а FormData.append  добавит новое значение к остальным в конец.
Можно и append я просто от балды написал  ;D
Спасибо за помощь. Я понял в чем проблема. оказывается у меня получился ассоциативный массив, а он порядком отличается от данных получаемых из форм. Хотя я думал об обратном, что они идентичны.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Модуль вывода категорий с функцией ajax

Автор Damarkuzz

Ответов: 3
Просмотров: 178
Последний ответ 26.06.2021, 10:41:31
от Damarkuzz
Как сделать из модуля ajax-поиска модуль умного ajax-поиска?

Автор Damarkuzz

Ответов: 3
Просмотров: 156
Последний ответ 17.06.2021, 14:07:48
от Damarkuzz
Автоматическая загрузка изображения при сохранении материала

Автор dy88

Ответов: 3
Просмотров: 470
Последний ответ 01.06.2021, 09:19:11
от NewUsers
Как получить материал на странице списка материалов через ajax?

Автор zahar_92

Ответов: 9
Просмотров: 270
Последний ответ 10.02.2021, 17:50:52
от effrit
Пакетная загрузка 1000 фото и создание 1000 материалов

Автор slepoy

Ответов: 2
Просмотров: 168
Последний ответ 04.01.2021, 00:51:55
от pavelrer