Javascript-форум - Preloader Preloader Preloader

Загружаю картинку на сервер:
Если все нормально
if(response==="success"){
вывожу картинку...
$('<li></li>').appendTo('#files').html('<img src="./img/'+filess+'" alt="" /><br />'+filess).addClass('success');
}
Проблема вот в чем :
Попытка первая: загрузить картинку,
загрузилась все хорошо,
показала на экране, класс

Попытка вторая: загрузить изображение,
загружает но на экране показывает предыдущую картинку
но на сервере картинка уже заменилась...

возникла мысль что нужно как то дождаться загрузки ее на сервер
а после вывести ....
соответственно
Вопрос как это можно реализовать....

<script type="text/javascript" >
	$(function(){
			   
		var btnUpload=$('#upload');
		var status=$('#status');
		new AjaxUpload(btnUpload, {
			action: 'upload-file.php',
			name: 'uploadfile',
			onSubmit: function(file, ext){
				 if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
                    // extension is not allowed 
					status.text('Only JPG, PNG or GIF files are allowed');
					return false;
				}
				status.text('Uploading...');
			},
			onComplete: function(file, response){
				
				//On completion clear the status
				status.text('');
				//Add uploaded file to list
				if(response==="success"){
					var filess = '<?php printf("%s", $myrow['img']); ?>';
					$('<li></li>').appendTo('#files').html('<img src="./img/'+filess+'" alt="" /><br />'+filess).addClass('success');
				} else{
					$('<li></li>').appendTo('#files').text(file).addClass('error');
				}
			}
		});
		
	});
	
</script>

<?php
//$uploaddir = './uploads/';
$file = ($_FILES['uploadfile']['name']);
$filename = "./img/2.jpg";
if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $filename)) {


echo "success";
} else {
echo "error";
}
?>