提交更新后，Summernote 上传图像未显示在编辑器中

Question

我一直在使用 Summernote 进行一个项目。我的项目就像一个博客系统，我需要上传内容和图像。

我已经检查了这里和其他地方的其他帖子，并设法使用 ajax 将图像插入到我想要保存图像的文件中。但是，当我编辑时，图像就在那里，但是一旦我单击“更新按钮”（表单中的提交按钮），图像将不再在那里。

我还检查了检查和资源，显示

请求 URL：http://localhost/cms/admin/includes/images/42a0e188f5033bc65bf8d78622277c4e.JPG

这是正确的路径，但更新后，我收到类似

<强>请求网址： http://localhost/%22includes/images/42a0e188f5033bc65bf8d78622277c4e.JPG/%22

状态代码还显示

状态代码：403禁止

这是我的代码

$('#summernote').summernote({
  callbacks: {
      onImageUpload: function(files) {
          for(let i=0; i < files.length; i++) {
              $.upload(files[i]);
          }
      }
  },
  height: 300,
});

$.upload = function (file) {
  let out = new FormData();
  out.append('file', file, file.name);

  $.ajax({
      method: 'POST',
      url: './includes/editor-upload.php',
      contentType: false,
      cache: false,
      processData: false,
      data: out,
      success: function(url) {
        $('#summernote').summernote("insertImage", url, 'filename');
      },
      error: function (jqXHR, textStatus, errorThrown) {
          console.error(textStatus + " " + errorThrown);
      }
  });
};

这是我的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 = 'images/' . $filename; //change this directory
           $location = $_FILES["file"]["tmp_name"];
           move_uploaded_file($location, $destination);
           echo 'includes/images/' . $filename;//change this URL
        }
        else
        {
         echo  $message = 'Ooops!  Your upload triggered the following error:  '.$_FILES['file']['error'];
        }
 }

将上传的图像插入summernote编辑器 Summernote 图片上传 Summernote 0.8.12图像上传和删除

我已经尝试过这些但对我来说没有任何作用。 我当然有 Summernote js 和 css 文件，并且正在使用 Summernote 0.8.18

我确信我做错了什么，但我还无法弄清楚这一点。

我希望有人能帮助我。

Answer 1

如果图像文件夹位于Inclusta Folder的内部，请更改以下行：

$destination = 'images/' . $filename;

下一步

$destination = './includes/images/' . $filename;

，输入完整的URL名称和通往图像的完整路径
回声'包括/images/'。 $ filename;

另外，AJAX上传脚本中的editor-upload.php文件可能会导致403错误。如果上传文件与您的表单和index.php页面不在同一文件夹中，则可能会证明有问题。

尝试使用夏季笔记编辑器将文件移至与您的表单相同的文件夹，然后在Ajax脚本中输入文件
'editor-upload.php'