Ajax Upload Images.

Więc nie ma działu typu Ajax, JS, więc trzeba napisać tutaj.

Mam oto kod JS:

function add_img(gallery) {

	var descryption = $("#descryption").val();
	var img = $("#file").val();
	$('#add_message').html("Zapisuje...");
	
	$.ajax({
	   	type: "POST",
        url: "pages/ajax/add_img.php",
        data: { img: img, descryption: descryption, gallery: gallery}, 
        dataType: "json",
        success: function(msg) {
	      	$("#add_message").empty().append(msg[0]);
	       	$('#account').find('tbody').append(msg[1]);
	       	$('#file,#descryption').val('');
	       	$('#img').css('display', 'block');
    	},
    	error: function(error) {
    		$('#add_message').html("Niestety ale wystąpił błąd.");
    	}
	});

   	setTimeout(function(){
      	$('#add_message').html('<input onclick="add_account();" type="button" value="Dodaj">');
   	}, 5000);

}

W img jest zdjęcie, które ma być załadowane na serwer z opisem i numerem galerii. Oczywiście przeładowanie w tle za pomocą AJAX.
Niestety ale kod nie przesyła danych do pliku add_img.php Wywala błąd z funkcji error.
Ma może ktoś pomysł jak to rozwiązać? Wiem, że się da, ponieważ na jednym portalu takie coś jest ale linka nie podam, ponieważ pewno mnie tutaj zablokują za promowanie treści XXX. :)

Wywala mi błąd w pliku PHP add_img.php
Oto kod PHP z linii 19 i 20. Pewno ajax nie przesyła obrazka do pliku php aby wywołać poniższy kod.

$sourcePath = $_FILES['file']['tmp_name'];      
$targetPath = $_FILES['file']['name']; 
move_uploaded_file($sourcePath,$targetPath) ; 

Nie da się prostym $.ajax wysłać pliku. Szukaj w Google ajax file upload, znajdź najlepiej jakiegoś gotowca.

Wpisywałem wcześniej odwrotnie w Google. Ajax na końcu i nie znalazłem nic godnego uwagi.
Ogólnie znalazłem gotowca, przerobiłem i działa.
Dzięki za pomoc.