How to upload images to server in Summernote editor?

Question

PHP

Failed to upload image to server. Found solutions on the internet but they don't work for me.

Answer 1

spoiler

$(document).ready(function() {
        $('#summernote').summernote({
  callbacks: {
    onImageUpload: function(files, editor, $editable) {
        	    sendFile(files[0],editor,$editable);
        	}
  }
});



sendFile = function(file, editor, welEditable) {
    data = new FormData();
    data.append("file", file);

    $.ajax({
        url: '/summernote.php',
        data: data,
        cache: false,
        contentType: false,
        processData: false,
        type: 'POST',
        success: function(data){
            console.log(data);
            $('#description').summernote("editor.insertImage", data, 'filename');
        },
        error: function(jqXHR, textStatus, errorThrown) {
            console.log(textStatus+" "+errorThrown);
        }
    });
}


    });

and handler

if( isset($_FILES['file']) && $_FILES['file']['error'] == 0 ) {
        if( move_uploaded_file( $_FILES['file']['tmp_name'], $_FILES['file']['name'] ) ) 
            	echo 'good';
    }