[英]Summernote OnImageUpload not being executed
我只是使用最新版的summernote進行策略。 版本7.由於某種原因,此圖像上載代碼無效。 onImageUpload: function(files) {sendFile(files[0]);}
甚至沒有被執行。
圖像成功出現在編輯器中但在base64中,並且不會上傳到uplaods/
文件夾中
已成功調用所有包含。
Js插入頁面的head標簽中
<script>
$(document).ready(function() {
$('#summernote').summernote({
height: 200,
onImageUpload: function(files) {
sendFile(files[0]);
}
});
function sendFile(file) {
var data = new FormData();
data.append("file", file);//You can append as many data as you want. Check mozilla docs for this
$.ajax({
data: data,
type: "POST",
url: 'uploader.php',
cache: false,
contentType: false,
processData: false,
success: function(url) {
$("#summernote").summernote("insertImage", url);
}
});
}
});
</script>
uploader.php
$dir_name = "uploads/";
move_uploaded_file($_FILES['file']['tmp_name'],$dir_name.$_FILES['file']['name']);
echo $dir_name.$_FILES['file']['name'];
Summernote非常易於使用。 我需要讓圖片上傳工作,以獲得1000%的nof。
拜托,有人可以幫我這個嗎?
在v0.7.0之后,選項中回調的位置會發生變化
$('#summernote').summernote({
height: 200,
callbacks: {
onImageUpload : function(files, editor, welEditable) {
for(var i = files.length - 1; i >= 0; i--) {
sendFile(files[i], this);
}
}
}
});
和sendFile函數
function sendFile(file, el) {
var form_data = new FormData();
form_data.append('file', file);
$.ajax({
data: form_data,
type: "POST",
url: 'uploader.php',
cache: false,
contentType: false,
processData: false,
success: function(url) {
$(el).summernote('editor.insertImage', url);
}
});
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.