tinyMCE编辑器将图像上传到用户文件夹和帖子

时间:2017-01-15 18:46:00

标签: php jquery ajax tinymce justboil.me

我正在尝试为用户创建一个帖子表单,他们可以在文本中间键入内容并添加图片。 我正在使用tinyMCE + justboilme插件才能使用它。 在justboilme我设置了所有图像将去的文件夹。 接下来,从我的帖子表单中,我将内容发送到ajax文件并将它们上传到服务器。这是它的样子:

HTML

<form method="post" action="" class="new_post">
   <input type="text" id="post_title" name="post_title" placeholder="Title"><br /><br />
   <textarea id="post_content" cols="40" rows="20"></textarea><br /><br />
   <input type="submit" value="Submit" id="add_post">
</form>

JQUERY

$('.new_post').on('submit', function (submit)
{
    var post_title = $('#post_title').val();
    var post_content = $('#post_content').val();

    $.ajax(
    {
        type: "POST",
        url: "../ajax/ajaxPost.php",
        data: {"title": post_title, "content": post_content},
        success: function (post)
        {
            alert(post);
        }
    });

    submit.preventDefault();
});

的Ajax

session_start();
  require("../Database/DB.php");
  $id = $_SESSION['id'];
  $username = $_SESSION['username'];

  if($_POST) {

    $title = $_POST['title'];
    $content = $_POST['content'];


    $add_post = mysqli_query($DB, "INSERT INTO posts (post_title, post_content, post_user_id, post_date) VALUES ('$title', '$content', '$id', now())");
    if($add_post) {
        echo "OK";
    } else {
        echo "Not ok";
    } 
}

现在,所有这一切都很好,我可以看到图像。但是,发布任何内容的每个用户都会将其图像上传到同一文件夹,该文件夹在某些时候会成为群集。我也希望他们组织得很好。 现在所有图像都会转到此文件夹:

$config['img_path'] = '/posts';

我想为每个用户和每个帖子组织图像,即 “/posts/username/postNo/img.jpg”

任何想法如何处理这个?或许我应该使用另一种HTML编辑器或其他方式?如果有更好的方法/插件,请告诉我。 欢呼声。

0 个答案:

没有答案