summernote js Bild hochladen

Ich verwende Summernote Version 0.8.1 (aktuell).

Es funktioniert. Aber ich kämpfe mit einer Sache. Beim Einfügen eines Bildes anstelle von base64 dataURL möchte ich das Bild auf den Server hochladen und die Bild-URL in die Datenbank einfügen. Das ist mein Code:

<script>
$(document).ready(function() {
$('#summernote').summernote({
    lang: 'fr-FR',
    height: 300,
    toolbar : [
        ['style',['bold','italic','underline','clear']],
        ['font',['fontsize']],
        ['color',['color']],
        ['para',['ul','ol','paragraph']],
        ['link',['link']],
        ['picture',['picture']]
    ],
    onImageUpload: function(files, editor, welEditable) {
        for (var i = files.lenght - 1; i >= 0; i--) {
        sendFile(files[i], this);
        }
    }
});

function sendFile(file, el) {
    var form_data = new FormData();
    form_data.append('file',file);
    $.ajax ({
        data: form_data,
        type: "POST",
        url: "../up.php",
        cache: false,
        contentType: false,
        processData: false,
        success: function(url) {
            $(el).summernote('editor.insertImage',url);
            }
        })
    }

});
    </script>

Ich habe das Skript up.php getestet. Dadurch wird der Dateiname geändert und die URL des Bildes in der Form "../photos/mypicture.jpg".@" zurückgegebe

Das Problem mit dem obigen Code ist, dass die ..up.php nicht einmal aufgerufen zu werden scheint. Ich habe dies in Firefox-Entwicklungstools ausgeführt und keine Fehler oder Warnungen erhalten.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage