Summernote 图片上传不工作（PHP）答案

【问题标题】：Summernote Image Upload Not Working (PHP)Summernote 图片上传不工作（PHP）
【发布时间】：2017-01-01 19:12:46
【问题描述】：

我已经尝试了在这里和其他地方找到的各种解决方案 - 充其量我将 Base64 代码插入到编辑器中（我相信这是 Summernote 的默认设置），否则我什么也得不到。

我现在尝试的解决方案来自this post。

这是我的 HTML：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script> 
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>
</head>
<body>
<div id="summernote"></div>
<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: 200,
            onImageUpload: function(files, editor, welEditable) {
                sendFile(files[0], editor, welEditable);
            }
        });
        function sendFile(file, editor, welEditable) {
            data = new FormData();
            data.append("file", file);
            $.ajax({
                data: data,
                type: "POST",
                url: "img-upload.php",
                cache: false,
                contentType: false,
                processData: false,
                success: function(url) {
                    editor.insertImage(welEditable, url);
                }
            });
        }
    });
</script>
</body>
</html>

img-upload.php 源码如下（域名隐藏）：

<?php
if ($_FILES['file']['name']) {
    if (!$_FILES['file']['error']) {
        $name = md5(rand(100, 200));
        $ext = explode('.', $_FILES['file']['name']);
        $filename = $name . '.' . $ext[1];
        $destination = '/uploads/' . $filename; //change this directory
        $location = $_FILES["file"]["tmp_name"];
        move_uploaded_file($location, $destination);
        echo 'http://<mydomain>/uploads/' . $filename;//change this URL
    }
    else
    {
        echo  $message = 'Ooops!  Your upload triggered the following error:  '.$_FILES['file']['error'];
    }
}
?>

看起来我对上传文件夹有写权限，有人能看出这还有什么问题吗？

【问题讨论】：

您是否启用了错误报告？你有什么错误
我在这里粘贴的代码就是一切，唯一的错误报告是在上传脚本中，因为这是从 Summernote 脚本内部调用的，错误会在哪里显示/记录？
我使用了一个警告框来测试 Summernote 正在调用 sendFile 函数，所以我知道它正在被调用，所以错误可能在 PHP 脚本中
我也尝试过这篇文章 (stackoverflow.com/questions/30578916/…) 中显示的方法，但没有上传任何内容。图像添加到 Base64 中的编辑器中，就像在没有所有这些的情况下一样。
你的 ajax 是否点击了 url ？你的ajax点击后的反应是什么？

标签： php jquery image upload summernote

【解决方案1】：

onImageUpload 元素是一个 callbacks 元素，这是您的代码：

    $('#summernote').summernote({
        height: 200,
        callbacks: {
            onImageUpload: function(files, editor, welEditable) {
                sendFile(files[0], editor, welEditable);
            }           
        }
    });

【讨论】：