How to make uploading images to server in Summernote editor?

$(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); } }); } });