Отправляет запросы якс ровно столько, какой по счету запрос

@Gerd199 · Регистрация: 06.03.2014

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

Javascript

    function upload(mod){ 
        $('[type=file]').click().change(function(e){
            var data = new FormData();
                data.append(0, this.files[0]);
                
            $.ajax({
                url: '/ajax/uploads.php?do='+mod,
                type: 'POST',
                data: data,
                cache: false,
                dataType: 'json',
                processData: false, 
                contentType: false, 
                success: function(respond){
                    if(typeof respond.error === 'undefined'){
                        if(respond['messeg'])
                            messeg(respond['messeg']);  
                        if(respond['do'] == 'img')
                            $("#"+respond['do']).attr("src", respond['url']);              
                    }else
                        messeg('Ошибка в работе'); 
                
                }
            });
        });
    }

Отправляю запрос на загрузку, ок. Выбираю второй файл для загрузки, отправляет прошлый запрос и новый. Причем чем больше файлов отправший, тем больше количество запросов будут отправлятся за раз... Как так получилось?

@j2FunOnly · 30.11.2017, 15:26

в ответе от сервера приходит документ со скриптом вашего обработчика, который каждый раз добавляет обработчики на клики.

@Gerd199 · 30.11.2017, 15:46 **[ТС]**

Нет, скрипт на странице, в ответ от скрипта получаю строчку, без скрипта

@j2FunOnly · 30.11.2017, 16:05

Ну я вижу что там не строчка приходит, а json,
Каким образом вызывается функция upload?

Добавлено через 13 минут
Вы "кликаете" на кнопку вызывая диалоговое окно для выбора файла, и каждый раз добавляете обработчик на событие change, который отправляет файлы вам. Сделайте так, чтобы вот этот код .change(function(e){ /* ... */ }) срабатывал только один раз

@Gerd199 · 01.12.2017, 08:43 **[ТС]**

А как это сделать?

@j2FunOnly · 01.12.2017, 11:54

Хм. Я не знаю как вы используете функцию upload(). И не вижу разметку. Можно, например, значение mod сохранять в data-... атрибутах.
input[type=file] у вас один?

Javascript

$('[type=file]').on('change', function () {
  var data = new FormData(),
  $this = $(this);
 
  data.append(0, this.files[0]);
 
  $.ajax({
    url: '/ajax/uploads.php?do=' + $this.data('mod'),
    type: 'POST',
    data: data,
    cache: false,
    dataType: 'json',
    processData: false,
    contentType: false,
    success: function (respond) {
      if (typeof respond.error === 'undefined') {
        if (respond['messeg']) {
          messeg(respond['messeg']);
        }
 
        if (respond['do'] == 'img') {
          $("#" + respond['do']).attr("src", respond['url']);
        }
      } else {
        messeg('Ошибка в работе');
      }
    }
  });
});
 
function upload(mod){
  $('[type=file]').data('mod', mod).click();
}

@Gerd199 · 01.12.2017, 16:45 **[ТС]**

Javascript

    function upload(mod){ 
        $('[type=file]').data('mod', mod).click();  
    }
    
    $('[type=file]').on('change', function () {
 
            var data = new FormData();
                data.append(0, this.files[0]);
                
            $.ajax({
                url: '/ajax/uploads.php?do='+this.data('mod'),
                type: 'POST',
                data: data,
                cache: false,
                dataType: 'json',
                processData: false, 
                contentType: false, 
                success: function(respond){
                
                    if(typeof respond.error === 'undefined'){   
                        if(respond['do'] == 'img')
                            $("#"+respond['do']).attr("src", respond['url']);   
 
                        messeg(respond['messeg']);
                    }else
                        messeg('Ошибка в работе'); 
                
                }
            });
        });

file - один на странице, блин тогда у меня совсем не хочет отправлять запрос после выбора файла...

@j2FunOnly · 01.12.2017, 16:57

Вангую что скрипт у вас стоит где-то в head, upload(mod) прописан инлайн в onclick на какой-нибудь красивой кнопке и про $(document).ready(function(){}) | $(funciton ()); вы не слыхали.

Обожаю играть в угадайку (нет)

@Gerd199 · 06.12.2017, 15:29 **[ТС]**

Решил вопрос, подскажи пожалуйста вот еще в чем.

Javascript

    function upload(mod){ 
        $('#'+mod).click().change(function(e){
            var data = new FormData(),
                progressBar = $('#progressbar');
                data.append(0, this.files[0]);
                
            $.ajax({
                url: '/ajax/uploads.php?do='+mod,
                type: 'POST',
                data: data,
                cache: false,
                dataType: 'json',
                processData: false, 
                contentType: false,
                xhr: function(){
                    var xhr = $.ajaxSettings.xhr(); // получаем объект XMLHttpRequest
                        xhr.upload.addEventListener('progress', function(evt){ // добавляем обработчик события progress (onprogress)
                            if(evt.lengthComputable) { // если известно количество байт
                                // высчитываем процент загруженного
                                var percentComplete = Math.ceil(evt.loaded / evt.total * 100);
                                // устанавливаем значение в атрибут value тега <progress>
                                // и это же значение альтернативным текстом для браузеров, не поддерживающих <progress>
                                progressBar.val(percentComplete).text('Загружено ' + percentComplete + '%');
                            }
                        }, false);
                        return xhr;
                },              
                success: function(respond){
                    if(typeof respond.error === 'undefined'){   
                        if(respond['do'] == 'img')
                            $("#i"+respond['do']).attr("src", respond['url']);  
 
                        messeg(respond['messeg']);
                    }else
                        messeg('Ошибка в работе'); 
                
                }
            });
        });
    }

Не удается настроить проресс бар, индикатор сразу же загружает нежели по факту загрузки файла

@j2FunOnly the hardway first 2461 / 1836 / 906 Регистрация: 05.06.2015 Сообщений: 3,603
	30.11.2017, 15:26	2
	в ответе от сервера приходит документ со скриптом вашего обработчика, который каждый раз добавляет обработчики на клики. 0

@Gerd199 19 / 17 / 5 Регистрация: 06.03.2014 Сообщений: 3,066
	30.11.2017, 15:46 [ТС]	3
	Нет, скрипт на странице, в ответ от скрипта получаю строчку, без скрипта 0

@j2FunOnly the hardway first 2461 / 1836 / 906 Регистрация: 05.06.2015 Сообщений: 3,603
	30.11.2017, 16:05	4
	Ну я вижу что там не строчка приходит, а json, Каким образом вызывается функция `upload`? Добавлено через 13 минут Вы "кликаете" на кнопку вызывая диалоговое окно для выбора файла, и каждый раз добавляете обработчик на событие `change`, который отправляет файлы вам. Сделайте так, чтобы вот этот код `.change(function(e){ /* ... */ })` срабатывал только один раз 0

@Gerd199 19 / 17 / 5 Регистрация: 06.03.2014 Сообщений: 3,066
	01.12.2017, 08:43 [ТС]	5
	А как это сделать? 0

@j2FunOnly the hardway first 2461 / 1836 / 906 Регистрация: 05.06.2015 Сообщений: 3,603
	01.12.2017, 16:57	8
	Вангую что скрипт у вас стоит где-то в head, `upload(mod)` прописан инлайн в `onclick` на какой-нибудь красивой кнопке и про `$(document).ready(function(){})` \| `$(funciton ());` вы не слыхали. Обожаю играть в угадайку (нет) 0

	06.12.2017, 15:29