如何刪除使用Summernote編輯器工作時從服務器上傳的圖像

Question

我有工作Summernote編輯器與圖像上傳，但我注意到，當我在編輯器中添加圖像內容時，它已成功上載到我的服務器文件夾中，但是當我刪除編輯器內的圖像時，它不會從我的服務器文件夾中刪除。

Answer 1

刪除文件形式服務器，您需要使用onMediaDelete但用法不同summernote版本的不同而不同，有時很難找到在文檔

FOR SUMMERNOTE 0.6.x

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

FOR SUMMERNOTE 0.7.x

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

    }); 
}); 

FOR SUMMERNOTE 0.8.4（使用回調）

$(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：樣品刪除圖片afeter檢索IMG SRC

：樣品使用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來刪除文件

<?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'; } ?> 

圖片上傳參考 - Summernote v0.8 Image upload to Server