javascript - 使用jquery和php将canvas作为图像保存到数据库中

Question

所以，我想知道我的代码中做错了什么。我有一个<canvas>可以在其上绘制的元素。上mouseup jQuery 将数据作为图像提取，然后将其发送到 PHP，PHP 将其存储在数据库中。但它不起作用。

function print(){
    var canvas1 = document.getElementById("paint");
    var ctx1 = canvas1.getContext("2d");
    var img = canvas1.toDataURL("image/png");
    img = encodeURIComponent(img);

    $.ajax({
        url: 'poster.php',
        data: { data: img },
                type: 'post',
                success: function(data) {
                    console.log(data);
                }
    });

poster.php

<?php

    $data = $_POST['data'];

    $server = "localhost";
    $username = "root";
    $password = "root";
    $database = "canvas";
    $bd = mysql_connect($server, $username, $password) or die("1");
    $ok = mysql_select_db($database, $bd) or die("2");

    $sql = "INSERT INTO canvas (image) VALUES ($data)";
    $qry = mysql_query($sql);

    echo $qry;

?>

Answer 1

在海报.php 脚本中执行 var_dump() 来查看您的 ajax 是否正在向其提供某些内容。然后修改如下:

    $sql = "INSERT INTO canvas (image) VALUES ($data)";
    $qry = mysql_query($sql);

至:

    $sql = "INSERT INTO canvas (image) VALUES ($data)";
    if( ! mysql_query($sql) )
   {
       echo "Error: " . mysql_error();
   }

也许上面的输出会告诉我们要走的路!