Canvas无法保存服务器端PHP

Question

我有一个画布，需要将其保存到目录并将URL存储在数据库中。

当我保存文件而不将URL存储在数据库中时，它可以正常工作，反之亦然。

但是，当我将两者放在一起并通过AJAX指定PHP文件时，由于某种原因它无法识别会话变量？

当我尝试在AJAX上调用“成功”时，什么都没有显示。 我没有回应。

这可能是一个简单的解决方法！ 我想我盯着这段代码已经太久了。

JavaScript：

function doodleSave() {
  var canvas = document.getElementById("doodle-canvas");
  var canvasData = canvas.toDataURL("image/png");

  $.ajax({
    url:'doodleupload.php', 
    type:'POST', 
    data:{ data:canvasData },
    success: function(response){
        alert(response);
        //echo what the server sent back...
    }
  });
}

PHP：

<?php
  session_start();

  /* AUTOMATED VARIABLES */
  $url             = md5(uniqid(rand(), true));
  $unique_user_id  = $_SESSION['unique_user_id'];
  $unique_post_id  = md5(uniqid(rand(), true));
  $timestamp       = time();
  $nature          = "doodle";
  $imageUrl        = $upload_dir.$url.'.png';

  $upload_dir = "images/external/doodles/";
  $img = $_POST['data'];
  $img = substr($img,strpos($img,",")+1);
  $data = base64_decode($img);
  $file = $upload_dir . $url . ".png";
  $success = file_put_contents($file, $data);

  echo $success ? $file : 'Unable to save the file.';

  require_once 'php/connect.php';

  try
  {

    $stmt = $pdo->prepare("INSERT INTO posts (unique_user_id, unique_post_id, nature, image_url, timestamp) VALUE (:unique_user_id, :unique_post_id, :nature, :image_url, :timestamp)");
    $stmt->bindParam(":unique_user_id",$unique_user_id);
    $stmt->bindParam(":unique_post_id",$unique_post_id);
    $stmt->bindParam(":nature",$nature);
    $stmt->bindParam(":image_url",$imageUrl);
    $stmt->bindParam(":timestamp",$timestamp);

    if($stmt->execute())
    {
      echo "File in database";
    }
    else
    {
      echo "Not in database";
    }
  }
  catch(PDOException $e){
    echo $e->getMessage();
  }

?>

Answer 1

在初始化之前，将$upload_dir顶部，就像您在调用它一样。

$upload_dir = "images/external/doodles/";
$url             = md5(uniqid(rand(), true));
$unique_user_id  = $_SESSION['unique_user_id'];
$unique_post_id  = md5(uniqid(rand(), true));
$timestamp       = time();
$nature          = "doodle";
$imageUrl        = $upload_dir.$url.'.png';