2017-04-22 20 views
0

キャンバス画像をPHP経由でサーバーに保存しようとしていますが、ファイルを見ることはできますが、0バイトを表示しています。この問題を解決するために私を助けてください。ここでキャンバスからJqueryとPHPを通してサーバーに画像を保存する

以下の私のコードです:

HTML:

<img id="image" src="data:image/png;base64,iVBORw0K..." /> 

のjQuery:

$('.submit').unbind().click(function(){ 
var dataURL = $('#img').attr('src'); 
$.ajax({ 
    type: "POST", 
    url: "saveimage.php", 
    dataType: 'json', 
    cache: false, 
    data: { 
    imgBase64: dataURL 
    } 
}); 
}); 

はPHP:

$upload_dir = "../images/"; 
$img = $_POST['data']; 
$img = str_replace('data:image/png;base64,', '', $img); 
$img = str_replace(' ', '+', $img); 
$data = base64_decode($img); 
$file = $upload_dir."image_name.png"; 
file_put_contents($file, $data); 

答えて

2

それはあなたのデータとして

あなたのPHPでオブジェクト$img = $_POST['imgBase64'] ない$img = $_POST['data']でなければなりませんのキー名は、imgBase64AJAXポスト要求

を送ることです
関連する問題