Загружаю картинку на сервер:
Если все нормально
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";
}
?>