エディタ Summernote に問題があります。サーバー上のカタログに画像をアップロードしたいと考えています。私はいくつかのスクリプトを持っています:
<script type="text/javascript">
$(function () {
$(\'.summernote\').summernote({
height: 200
});
$(\'.summernote\').summernote({
height:300,
onImageUpload: function(files, editor, welEditable) {
sendFile(files[0],editor,welEditable);
}
});
});
</script>
<script type="text/javascript">
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);
}
});
}
</script>
<td><textarea class="summernote" rows="10" cols="100" name="tekst"></textarea></td>
もちろん、すべての js ファイルと CSS ファイルがあります。私は何を間違っていますか?画像のアップロードをクリックしてエディターに移動すると、画像がテキストエリアにありません。
sendFile 関数と onImageUpload を削除すると、画像は base64 に保存されます。
summernote へのリンク: http://hackerwins.github.io/summernote/