summernoteで画像を指定したときに、アップロードしたい（エンコードしたくない）

Question

summernoteに画像を差し込む際、ローカルからのアップロードとurlの指定の２通りがあるのですが、ローカルファイルを指定すると、Base64でエンコードされてしまいテキストのサイズが膨大になってしまいます。
postする内容を適当にハンドリングして、サーバサイドでデコードしてimgタグに差し替えるような実装をしようかと考えているのですが、この方法以外に何かよい方法はないでしょうか。

Answer 1

画像を指定したときに、onImageUploadという関数が呼ばれます。
以下のようにonImageUploadを実装すれば目的は達成できるはずです。
#実装は適当ですので書き換えてください。

<summernoteオブジェクトにonImageUpload関数を指定>

$('#summernote').summernote({
    onImageUpload: function(files, editor, welEditable) {
        sendfile(files[0], editor, welEditable);
    }
});

<ajaxでファイルpostして、imgタグをsummernoteに追加>

function sendfile() {
    $.ajax({
        data: fd,
        type: ""POST"",
        url: ""/api/fileupload"",
        cache: false,
        contentType: false,
        processData: false,
        success: function(url) {
            editor.insertImage(welEditable, url);
        }
    });
}