Почему при ajax загрузке отсылается несколько файлов?

Question

[Алексей]

Скачал себе плагин для ajax загрузки файлов вот этот: https://github.com/burt202/lite-uploader/blob/mast...
Вставил на страницу вот такой код:

$('.fileUpload').live('click', function(){
			$(this).liteUploader({
			script: '/upload_images/'
			})
			.on('lu:progress', function (e, percentage) {
				$(this).parent().find('.upimtx .progressbar').css('width', percentage + '%');
			})
			.on('lu:success', function (e, response) {
				alert(response);
				obj = jQuery.parseJSON(response);
				$(this).parent().find("img").remove();
				$(this).parent().find(".images_hidden").val(obj.imagename);
				$(this).parent().prepend(obj.image);
			});
		});

И вроде все хорошо, он отправляет файлы на сервер, но если выбрать файл то все нормально, если выбрать в этом же инпуте еще один файл, то на сервер отправляется уже 2 файла, если третий раз, то уже 3 и так далее. Не могу понять почему...

Answer 1

[Александр Аксентьев]

Для начала забудьте про live('click'), уже давно используется on()
Вы каждый раз инициализируете аплоадер, зачем?
Зачем вообще вся обертка live click, вместо $('.file').liteUploader()

Comments

[Алексей]

Ирпуты добавляются после загрузки страницы, для этого live click

[Алексей]

Вы оказались правы, помогло, но убрал обертку и теперь не срабатывает код с тех инпутов, которые динамично были добавлены после загрузки DOM.
Подскажите плз, как быть в этом случае?

[Александр Аксентьев]

Евгений: live устаревший метод просто. Используйте on('click'). ДЕлайте инициализацию аплоадера при добавлении элементов на странице,А не при клике на них

[Алексей]

Александр Аксентьев: Хм... Сижу вот кручу код, не получается... как не вызывая при клике метод .liteUploader указать скрипту, что при клике должен сработать именно он?

[Александр Аксентьев]

Евгений: не делайте при клике. Давайте каждому инпут уникальный айдишник временный. При добавлении инпута на страницу инициализируйте аплоадер только для этого элемента.

[Алексей]

Александр Аксентьев: Мммм.... Идея, спасибо!!! Я ваш должник!!!

Answer 2

[Алексей]

Не знаю, костыль наверное, но вот так получилось у меня

function in_upload(box){ // инициализация для загрузки через ajax
		$(box).liteUploader({
			script: '/upload_images/'
			})
			.on('lu:progress', function (e, percentage) {
				$(this).parent().find('.upimtx .progressbar').css('width', percentage + '%');
			})
			.on('lu:success', function (e, response) {
					obj = jQuery.parseJSON(response);
					$(this).parent().find("img").remove();
					$(this).parent().find(".images_hidden").val(obj.imagename);
					$(this).parent().prepend(obj.image);
		});
	} 

in_upload('#fileUpload_' + index); // вызываем функцию инициализации