2015-06-02 55 views
-1

對不起,如果這個問題是愚蠢的,但我怎麼可以通過PHP保存畫布圖像數據庫我搜查了很多,但沒有發現任何工作和有用
和這裏是,我使用它的代碼只是彈出打印表格保存畫布圖像到SQL數據庫與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; 

?> 
+0

'我搜索了很多,但沒有找到任何東西'首先在谷歌上打... http://stackoverflow.com/questions/13198131/how-to-保存-A-HTML 5-canvas-as-image-on-a-server –

+0

我試過它沒有工作 –

+0

然後我建議你發佈你的代碼沒有工作,看看你能否得到一些幫助。 –

回答

0

你可以使用AJAX。這一過程將是:

  1. 的Javascript處理畫布創建圖像
  2. javascript調用你的PHP生成的URL
  3. 你的PHP處理日期通過POST方法被Javascript

這裏有一個答案可以幫助你:uploading canvas context as image using ajax and php