Почему два раза загружает?

Question

[Ilya Bobkov]

В всвоём проекте использую AjaxUpload, но фишка в том, что изображение загружается почему-то 2 раза. Что я делаю не так. Для проверки использую alert. Вот код:

$( "#button_load" ).ajaxUpload(
		{	
			url:  "upload_image.php",
			name: "file",
			onSubmit: function() 
			{
				NProgress.start();
			},
			onComplete: function( result ) 
			{
				console.log( result );
				var object = JSON.parse( result );
				$.each( object , function(k, item)
				{
					$( "#foto_block" ).html( "<img src = temp/" + item.name + " width = '350' height = '350' class = 'displayed'>" );
					alert( "sdsd" );
				});
				
				NProgress.done();
			}
		});

Comments

[Вячеслав]

выложите вывод console.log(result), что ли. :)

[Руслан Садыхов]

>> изображение загружается почему-то 2 раза.

Вы проверяли что именно 2 раза загружается или 2 раза alert() вылез и Вы решили что загружается 2 раза.

[Ilya Bobkov]

Вячеслав: {"answer":"OK","file":{"name":"Hydrangeas.jpg","type":"image\/jpeg","tmp_name":"F:\\tmp\\php1CE5.tmp","error":0,"size":595284}}

[Ilya Bobkov]

Руслан Садыхов: alert дважды выводится

Answer 1

[Damir Makhmutov]

1. Может быть где-то еще в коде запрятался такой же обработчик?
2. На сервер файл точно загружается дважды?

Answer 2

[Руслан Садыхов]

Попробуйте так:

$( "#button_load" ).ajaxUpload(
    { 
      url:  "upload_image.php",
      name: "file",
      onSubmit: function() 
      {
        NProgress.start();
      },
      onComplete: function( result ) 
      {
        console.log( result );
        var object = JSON.parse( result );
        $.each( object , function(k, item)
        {
          if(item.name) {
            $( "#foto_block" ).html( "<img src = temp/" + item.name + " width = '350' height = '350' class = 'displayed'>" );
            alert( "sdsd" );
          }
        });
        
        NProgress.done();
      }
    });

Comments

[Ilya Bobkov]

спасибо попробую! мне вот интересно на выходе он пише еще временный файл, его можно как-то убрать из выхода? Вот: {"answer":"OK","file":{"name":"Hydrangeas.jpg","type":"image\/jpeg","tmp_name":"F:\\tmp\\php1CE5.tmp","error":0,"size":595284}}

[Руслан Садыхов]

Илья Бобков: это в PHP коде смотрите. Или просто залейте его на pastebin.com и приложите сюда.

Answer 3

[Вячеслав]

Вы сами на свой вопрос ответили комментарием
{
"answer":"OK",
"file":
{"name":"Hydrangeas.jpg","type":"image\/jpeg","tmp_name":"F:\\tmp\\php1CE5.tmp","error":0,"size":595284}
}
вот ваш json объект, который вы обходите в цикле (в jquery each)
в первый раз значение k item в цикле
answer, ok
второй раз -
file - object.

Вам вообще не нужен тут никакой цикл (each), достаточно object.file.name.
объект файла в response сервера - один.

Answer 4

[Leonid Fedotov]

Один раз была такая же проблема)
Как оказалось, всё тривиально. На проекте был реализован CrossDomain-requests, поэтому браузер сначала кидал запрос на файл методом OPTIONS и только потом методом, которым было необходимо изначально. Проверьте заголовки своих запросов. Если у Вас такая же ситуация, то это никак не исправляется ибо CrossDomain Policy.

Comments

[Ilya Bobkov]

спасибо разобрался, json на выходе писал 2 файла