使用php将画布图像保存到sql数据库

时间:2015-06-02 18:29:27

标签: php sql html5 html5-canvas

我很抱歉,如果这个问题很愚蠢,但是如何通过php将画布图像保存到数据库我已经搜索了很多但是没有找到任何有效和有用的内容
这里是我使用它的代码只是弹出打印表单

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

    $.ajax({
        url: 'upload.php',
        data: { data: img },
                type: 'post',
                success: function(data) {
                    console.log(data);
                    alert("Done");
                }
    });
    </script>
    <button onclick="print()">Click me</button><br>

upload.php的

<?php

    $data = $_POST['data'];

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

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

    echo $qry;

?>

1 个答案:

答案 0 :(得分:0)

你可以使用AJAX。这个过程将是:

  1. Javascript处理画布以创建图像
  2. Javascript调用您的PHP生成的网址
  3. 您的PHP通过Javascript
  4. 处理通过POST方法发送的日期

    以下是可以帮助您的答案:uploading canvas context as image using ajax and php