php - Javascript を使用して画像サイズ変数を PHP ページに渡す

Question

JavaScript を使用してキャンバスの描画をサーバーに送信しようとしています。

次のような機能を持つ：

function uploadPic() {              
    var imgData = document.getElementById("myCanvas").toDataURL();
    window.location = "myPHPfile.php?imageData=" + imgData;
}

サイズが大きいため、 imgData変数を php ページに渡す最良の方法は何でしょうか。前もって感謝します！

Answer 1

大きなデータを渡すユーザー ポスト リクエスト。jQuery post メソッドを使用できます

$.post('myPHPfile.php', { imageData: imgData }, function(data) {
    // completed
});

または、フォームを作成して投稿します。

function uploadPic() {              
    var imgData =  document.getElementById("myCanvas").toDataURL();

    var form = document.createElement('form');
    form.method = "POST";
    form.action = "myPHPfile.php";
    var hidden = document.createElement('input');
    hidden.type = 'hidden';
    hidden.name = 'imageData';
    hidden.value = imgData;
    form.appendChild(hidden);
    document.body.appendChild(form);
    form.submit();
}