[英]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.