Froala / PHP-图片上传失败(出了点问题...)

时间:2018-09-08 21:41:08

标签: javascript php wysiwyg froala

试图让Froala在PHP环境中将图像上传到服务器。完全遵循Froala的示例here

但是,当我选择一个图像文件并提交时,得到的反馈是一条错误消息:“出了点问题。请重试。”

我使用了与示例中相同的文件/目录名称,但是显然我缺少了一些东西。该目录是用于图像存储库的“上载”。

我已经阅读了其他大多数Stackoverflow注释和解决方案,尝试了其中的一些注释,阅读了Froala的信息,但仍然没有成功。

下面使用的代码与他们的示例完全相同。

编辑器文件:“ index.php”

template <typename T, int R, int C>
struct mat {

    T matrix[R][C];

    template <int CC>
    void operator *=(const mat<T, C, CC> &other) {
        /* do operation */
    }

};

int main()
{
    mat<int, 2, 3> m1;
    mat<int, 3, 4> m2;
    m1 *= m2;
}

PHP文件:“ upload_image.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>

2 个答案:

答案 0 :(得分:0)

从他们的网站上。

  

在进行任何上传之前,必须将上载目录设置为有效位置。该路径可以是任何可访问且可写入的文件夹。

请检查您的文件夹权限,这是常见的疏忽。

致谢

埃德沃利

答案 1 :(得分:0)

通过执行以下操作使其起作用:

    在index.php文件中的
  1. 上,删除了引用“ upload_image.php”的斜杠“ /”。 已将imageUploadURL: '/upload_image.php',更改为imageUploadURL: 'upload_image.php',,很难相信Froala网站示例中存在此错误,并且没有得到更正...?

  2. 第二个问题是'finfo'函数不起作用。我通过删除分号在php.ini中启用了它,现在一切正常!

编辑:Froala评论说,如果文件位于根目录中,则“ /”将起作用。我的不是。