summernote-image-upload.js

$(function () {

    $('#summernote').summernote({
        focus: true,
        height: 250,
        callbacks: {
            onImageUpload: function(files) {
                sendFile(files[0]);
            }
        }

    });

    function sendFile(file, editor, welEditable) {
        data = new FormData();
        data.append("file", file);
        $.ajax({
            data: data,
            type: 'POST',
            url: "/sumernote/img-upload",
            cache: false,
            contentType: false,
            processData: false,
            success: function(data){
                $('#summernote').summernote('editor.insertImage', data.url);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(textStatus+" "+errorThrown);
            }
        });
    }
    
});