Javascript summernote上载图像：onImageUpload和sendFile功能不工作
我使用的是SummernoteV0.8.12 我的summernote页面：Javascript summernote上载图像：onImageUpload和sendFile功能不工作,javascript,php,ajax,wysiwyg,summernote,Javascript,Php,Ajax,Wysiwyg,Summernote,我使用的是SummernoteV0.8.12 我的summernote页面： <!DOCTYPE html> <html lang="en"><head> <meta charset="UTF-8"> <title>bootstrap4</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4
<!DOCTYPE html>
<html lang="en"><head>
<meta charset="UTF-8">
<title>bootstrap4</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.js"></script>
<script>
$(document).ready(function() {
$("#summernote").summernote({
placeholder: 'enter directions here...',
height: 300,
callbacks: {
onImageUpload : function(files, editor, welEditable) {
for(var i = files.length - 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: 'editor-upload2.php',
cache: false,
contentType: false,
processData: false,
success: function(url) {
$(el).summernote('editor.insertImage', url);
}
});
}
</script>
</head>
<body>
<form action="" method="post">
<input name="subject" class="form-control" />
<textarea id="summernote" name="body"></textarea>
<input name="button" type="submit" value="Submit" id="button">
</form>
</body>
</html>
bootstrap4
$（文档）.ready（函数（）{
$（“#summernote”）。summernote({
占位符：“在此处输入方向…”，
身高：300，
回调：{
onImageUpload：功能（文件、编辑器、可编辑）{
对于（var i=files.length-1；i>=0；i--）{
sendFile（文件[i]，本）；
}
}
}
});
});
函数sendFile（文件，el）{
var form_data=new FormData（）；
表单_data.append（'file'，file）；
$.ajax({
数据：表格数据，
类型：“POST”，
url:'editor-upload2.php'，
cache:false，
contentType:false，
processData:false，
成功：函数（url）{
$（el）.summernote（'editor.insertImage'，url）；
}
});
}
<?php
if ($_FILES['file']['name']) {
if (!$_FILES['file']['error']) {
$name = md5(rand(100, 200));
$ext = explode('.', $_FILES['file']['name']);
$filename = $name . '.' . $ext[1];
$destination = 'images/' . $filename; //change this directory
$location = $_FILES["file"]["tmp_name"];
move_uploaded_file($location, $destination);
echo 'https://www.mysite.co.uk/folder/emails/' . $filename;//change this URL
}
else
{
echo $message = 'Ooops! Your upload triggered the following error: '.$_FILES['file']['error'];
}
}
?>
非常感谢您阅读此文章。主页头中的以下脚本正在停止工作：
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
我从url中删除了“slim”，它现在可以正常工作了主页头中的以下脚本正在停止工作：
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
我从url中删除了“slim”，它现在可以正常工作了您能在浏览器上打开web控制台并描述相关的网络呼叫吗？没有网络呼叫，网络呼叫失败，等等？这就是我的想法，因为我在另一个页面上创建了一个简单表单，文件上传到editor-upload.php脚本，但也不起作用。但是，如果我在同一个页面上创建一个表单作为editor-upload.php，它确实可以在另一个页面上的简单表单上工作，我将文件上传测试命名为，而不是文件，所以这是现在正在工作。summernote对我仍然不起作用，我已经查看了，当我单击图片上载图像时没有网络呼叫。你能在浏览器上打开web控制台并描述相关的网络呼叫吗？没有网络呼叫，网络呼叫失败，等等？这就是我的想法，因为我在另一个页面上创建了一个简单表单，文件上传到editor-upload.php脚本，但也不起作用。但是，如果我在同一个页面上创建一个表单作为editor-upload.php，它确实可以在另一个页面上的简单表单上工作，我将文件上传测试命名为，而不是文件，所以这是现在正在工作。summernote对我仍然不起作用，我已经查看了，当我单击图片上载图像时，没有网络呼叫