Froala / PHP - ошибка загрузки изображения (что-то пошло не так ...) - PullRequest
Новая
       70

Froala / PHP - ошибка загрузки изображения (что-то пошло не так ...)

0 голосов
/ 09 сентября 2018

Попытка заставить Froala загружать изображения на сервер в среде PHP. Точно следовали примеру Фроалы здесь .

Однако, когда я выбираю файл изображения и отправляю, я получаю сообщение об ошибке: «Что-то пошло не так. Пожалуйста, повторите попытку».

Я использовал точные имена файлов / каталогов, как в примере, но, очевидно, я что-то упустил. Каталог "Загрузка" для хранилища изображений.

Я прочитал большинство других комментариев и решений Stackoverflow, перепробовал несколько из них, прочитал информацию Фролы, но все еще не увенчался успехом.

Код, который я использую ниже, очень похож на их пример.

ФАЙЛ РЕДАКТОРА: "index.php" 

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">

  <!-- Include external CSS. -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.css">

  <!-- Include Editor style. -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.5.1/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />
  <link href="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.5.1/css/froala_style.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <!-- Include external JS libs. -->
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/codemirror.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.25.0/mode/xml/xml.min.js"></script>

  <!-- Include Editor JS files. -->
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/froala-editor/2.5.1//js/froala_editor.pkgd.min.js"></script>
  <div class="sample">
    <h2>File upload example.</h2>
    <form>
      <textarea id="edit" name="content"></textarea>
    </form>
  </div>

  <!-- Initialize the editor. -->
  <script>
    $(function() {
      $('#edit').froalaEditor({
        // Set the file upload URL.
        imageUploadURL: '/upload_image.php',

        imageUploadParams: {
          id: 'my_editor'
        }
      })
    });
  </script>
</body>
</html>

ФАЙЛ PHP: "upload_image.php" 

<?php

try {
  // File Route.
  $fileRoute = "/uploads/";

  $fieldname = "file";

  // Get filename.
  $filename = explode(".", $_FILES[$fieldname]["name"]);

  // Validate uploaded files.
  // Do not use $_FILES["file"]["type"] as it can be easily forged.
  $finfo = finfo_open(FILEINFO_MIME_TYPE);

  // Get temp file name.
  $tmpName = $_FILES[$fieldname]["tmp_name"];

  // Get mime type.
  $mimeType = finfo_file($finfo, $tmpName);

  // Get extension. You must include fileinfo PHP extension.
  $extension = end($filename);

  // Allowed extensions.
  $allowedExts = array("gif", "jpeg", "jpg", "png", "svg", "blob");

  // Allowed mime types.
  $allowedMimeTypes = array("image/gif", "image/jpeg", "image/pjpeg", "image/x-png", "image/png", "image/svg+xml");

  // Validate image.
  if (!in_array(strtolower($mimeType), $allowedMimeTypes) || !in_array(strtolower($extension), $allowedExts)) {
    throw new \Exception("File does not meet the validation.");
  }

  // Generate new random name.
  $name = sha1(microtime()) . "." . $extension;
  $fullNamePath = dirname(__FILE__) . $fileRoute . $name;

  // Check server protocol and load resources accordingly.
  if (isset($_SERVER["HTTPS"]) && $_SERVER["HTTPS"] != "off") {
    $protocol = "https://";
  } else {
    $protocol = "http://";
  }

  // Save file in the uploads folder.
  move_uploaded_file($tmpName, $fullNamePath);

  // Generate response.
  $response = new \StdClass;
  $response->link = $protocol.$_SERVER["HTTP_HOST"].dirname($_SERVER["PHP_SELF"]).$fileRoute . $name;

  // Send response.
  echo stripslashes(json_encode($response));

} catch (Exception $e) {
   // Send error response.
   echo $e->getMessage();
   http_response_code(404);
}
?>

Ответы [ 2 ]

0 голосов
/ 09 сентября 2018

Получил это, выполнив следующее:

  1. в файле index.php, удалена косая черта "/", которая ссылается на "upload_image.php". Изменено imageUploadURL: '/upload_image.php', на imageUploadURL: 'upload_image.php', Трудно поверить, что пример сайта Froala содержит эту ошибку и не был исправлен ...?

  2. Вторая проблема заключалась в том, что функции 'finfo' не работали. Я включил его в php.ini, удалив точку с запятой, и теперь все работает нормально!

РЕДАКТИРОВАТЬ: Froala отметил, что "/" будет работать, если файлы находятся в корневом каталоге. Мои не были.

0 голосов
/ 09 сентября 2018

с их сайта.

Каталог загрузок должен быть установлен в правильное местоположение перед выполнением любых загрузок. Путь может быть любой доступной папкой и доступной для записи.

Пожалуйста, проверьте права доступа к вашей папке, это общий недосмотр.

Привет

edwoli

...