загружаю изображения на сайт следующим образом:
<div id="mainbody" >
<!-- Upload Button, use any id you wish-->
<div id="upload" ><span>Выбрать файл<span></div><span id="status" ></span>
<ul id="files" ></ul>
</div>
в этом же файле пишу скрипт передачи данных. В ЭТОМ СКРИПТЕ К ВЫВОДУ изображения добавляю блок с кнопкой удаления у которой id = dell:
<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('Поддерживаемые форматы JPG, PNG или GIF');
return false;
}
status.text('Загрузка...');
},
onComplete: function(file, response){
//On completion clear the status
status.text('');
//Add uploaded file to list
if(response==="success"){
$('<li></li>').appendTo('#files').html('<img src="./uploads/'+file+'" alt="" /><br />Имя файла: <b>'+file+'</b><br /><div id="dell"><img src="./images/delete.png" /></div>').addClass('success');
} else{
$('<li></li>').appendTo('#files').text('Файл не загружен' + file).addClass('error');
}
}
});
});
</script>
далее дописываю к скрипту функцию удаления:
$('#dell').click(function(){
$(this).remove();
return false;
});
Проблема в том, что кнопка удаления в принципе ничего не удаляет. Но если
выделенную часть перенести в блок <div id="mainbody" > *** </div>, то кнопка срабатывает и удаляется.
вопрос: 1) почему не срабатывает кнопка при выводе ajax'ом?
2) как решить проблему с кнопкой удаления? Мне нужно удалить загруженное изображение с сервера и из базы.
Php обработчик на всякий случай:
$uploaddir = $_SERVER['DOCUMENT_ROOT']."/uploads/";
if(!is_dir($uploaddir)){
mkdir($uploaddir,0755);
}
$file = $uploaddir . basename($_FILES['uploadfile']['name']);
$ext = substr($_FILES['uploadfile']['name'],strpos($_FILES['uploadfile']['name'],'.'),strlen($_FILES['uploadfile']['name'])-1);
$filetypes = array('.jpg','.gif','.bmp','.png','.JPG','.BMP','.GIF','.PNG','.jpeg','.JPEG');
if(!in_array($ext,$filetypes)){
echo "<p>Данный формат файлов не поддерживается</p>";}
else{
if (move_uploaded_file($_FILES['uploadfile']['tmp_name'], $file)) {
echo "success";
} else {
echo "error";
}
}