Удалить загруженное изображение с помощью ajax uploader

Question

Удалить загруженное изображение с помощью ajax uploader

Я использовал загрузчик ajax для загрузки файлов на сервер. Это работает нормально, но теперь я хочу установить опцию удаления для каждого изображения и могу удалить это изображение перед сохранением. Мои текущие изображения выглядят так:

введите описание изображения здесь

Я использую этот скрипт для загрузки файлов.Ссылка на сайт

Мой код для загрузки файлов:

jQuery("#fileuploader").uploadFile({
url:"<?php echo $this->getUrl('pmembers/priority/productimages/') ?>",
multiple:true,
fileName:"myfile",
onSuccess: function (files, response, xhr,pd) {
var dir = '<?php echo Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_MEDIA)."mkd/uploads/".Mage::getSingleton("customer/session")->getId()."/"; ?>';

jQuery('#files').append('<li style="width:60px; float:left;margin-left:5px; margin-right:5px;"><img width="60" height="60" src="'+dir+files+'" /></li><img src="cross.png" />');},
});
});

1

ajax html5 jquery jquery-file-upload php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Пытаться:
Событие при нажатии кнопки «Удалить» отправит запрос на отмену связи с сервером (путь: «dir + files»), после завершения сервер вернет клиенту уведомление.

JQuery:

var removeButton = $("li > img:last");
removeButton.click(function(){
if (removeButton.attr('handling') != "true") {
removeButton.attr('handling', 'true');
var path = removeButton.prev('img[src]').attr('src');
$.ajax({
type: "POST",
dataType: "json",
url: (url),
data: {'path': path},
error: function () {
//. Action when error.
},
success: function (data) {
//. Action when success.
}
}).done(function(){
removeButton.attr('handling', 'false');
});
}
});

PHP:

$path = $_POST['path'];
$unlink = unlink($path);
if (!$unlink) {
print json_encode(array("return" => false)); exit();
}else {
print json_encode(array("return" => true)); exit();
}

0