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.