title: Summernote image upload
body: <p>I have a problem with editor Summernote. I want to upload images into a catalog on the server.
  I have some script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $(function () {
      $(\'.summernote\').summernote({
        height: 200
      });
      $(\'.summernote\').summernote({
       height:300,
       onImageUpload: function(files, editor, welEditable) {
        sendFile(files[0],editor,welEditable);
      }
    });
  
    });
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    function sendFile(file, editor, welEditable) {
      data = new FormData();
      data.append("file", file);
      url = "http://localhost/spichlerz/uploads";
      $.ajax({
        data: data,
        type: "POST",
        url: url,
        cache: false,
        contentType: false,
        processData: false,
        success: function (url) {
          editor.insertImage(welEditable, url);
        }
      });
    }
  &lt;/script&gt;
  
  
  
  &lt;td&gt;&lt;textarea class="summernote" rows="10" cols="100" name="tekst"&gt;&lt;/textarea&gt;&lt;/td&gt;
  </code></pre>
  
  <p>Of course, I have all js and CSS files.
  What I do wrong? If I click on image upload and go to the editor, the image is not in textarea.</p>
  
  <p>If I delete sendFile function and onImageUpload: the image save on base64.</p>
  
  <p>Link to summernote: <a href="http://hackerwins.github.io/summernote/" rel="noreferrer">http://hackerwins.github.io/summernote/</a></p>