Summernote - 从服务器删除图像

您好，我已使用以下链接中的代码来允许将图像上传到服务器。Summernote 图片上传

如果用户从编辑器中删除图像，是否可以实现类似的操作以从服务器中删除图像？如果是这样，我该如何实现这一目标？

要从服务器删除文件，您需要使用onMediaDelete但不同的 SummerNote 版本用法有所不同，有时很难在文档中找到。

适用于 SUMMERNOTE 0.6.x

$(document).ready(function() {
    $('.summernote').summernote({
        height: "300px",
         onMediaDelete : function($target, editor, $editable) {
         alert($target.context.dataset.filename);         
         $target.remove();
    }
    });
});

适用于 SUMMERNOTE 0.7.x

$(document).ready(function() {
    $('.summernote').summernote({
        height: "300px",
        onMediaDelete : function(target) {
                deleteFile(target[0].src);
            }

    });
});

对于 SUMMERNOTE 0.8.x（使用回调）

$(document).ready(function() {
    $('#summernote').summernote({
        height: "300px",
        callbacks: {
            onImageUpload: function(files) {
                uploadFile(files[0]);
            },

            onMediaDelete : function(target) {
                // alert(target[0].src) 
                deleteFile(target[0].src);
            }
        }
    });
});

Javascript：使用 img src 删除文件的示例

function deleteFile(src) {

    $.ajax({
        data: {src : src},
        type: "POST",
        url: base_url+"dropzone/delete_file", // replace with your url
        cache: false,
        success: function(resp) {
            console.log(resp);
        }
    });
}

PHP：检索 img src 后删除图像的示例

<?php
  $src = $this->input->post('src'); // $src = $_POST['src'];
  $file_name = str_replace(base_url(), '', $src); // striping host to get relative path
        if(unlink($file_name))
        {
            echo 'File Delete Successfully';
        }
?>

这就是我使用的，只是删除事件不会像退格键那样在按键时触发，也许 keyEvent 将来会处理这个问题。