summernote vue htmlエディタで画像をサーバにアップロードできません

Question

summernote Image Uploadに問題があります。私はsummernoteが画像をbase64に変換することを理解しています。そしてそれを提出すると、バックエンドデータベースサーバに直接画像を保存します。私はサーバーのフォルダに画像をアップロードするいくつかのコードがあります。しかし、それは私のために働いていない...私の友人を助けてください。

私のスクリプトは次のとおりです。

 $(function() { 
     $('.summernote').summernote({ 
     height: 200, 
      onImageUpload: function(files, editor, editable) { 
      sendFile(files[0],editor,editable); 

      } 

     }); 

     function sendFile(file,editor,welEditable) { 
      data = new FormData(); 
      data.append("file", files); 
      $.ajax({ 
      url: "uploader.php", 
      data: data, 
      cache: false, 
      contentType: false, 
      processData: false, 
      type: 'POST', 
      success: function(data){ 
      alert(data); 
      $('.summernote').summernote("insertImage", data, 'filename'); 
     }, 
      error: function(jqXHR, textStatus, errorThrown) { 
      console.log(textStatus+" "+errorThrown); 
      } 
     }); 
     } 
}); 

Uploader.php

<?php 

    if ($_FILES['file']['name']) { 
      if (!$_FILES['file']['error']) { 
       $name = md5(rand(100, 200)); 
       $ext = explode('.', $_FILES['file']['name']); 
       $filename = $name . '.' . $ext[1]; 
       $destination = 'images/content/' . $filename; //change this directory 
       $location = $_FILES["file"]["tmp_name"]; 
       move_uploaded_file($location, $destination); 
       echo 'http://localhost/ . $filename;//change this URL 
      } 
      else 
      { 
       echo $message = 'Your upload triggered the following error: '.$_FILES['file']['error']; 
      } 
     } 

     ?> 

Answer 1

最終的に私は私のbug..Justを解決

...それが正常に動作します私のスクリプトにコールバック関数を挿入します

callbacks : { 
     onImageUpload: function(files, editor, $editable) { 
     sendFile(files[0],editor,$editable); 
     } 
     }