javascript - 将画布数据发送到要上传的 php 文件

Question

我正在尝试使用 JSC3D 为我的网站渲染头像，比如如果他们改变了它重新渲染并上传到服务器的外观等，等等。

很可能我可以弄清楚，但是我无法让它将数据发送到 php 脚本，我没有收到任何错误或任何东西（除了几个 javascript 错误，因为我在 jsc3d 代码中搞乱以防止它允许鼠标控制）

阿贾克斯/JavaScript：

function saveImage() {
var canvas = document.getElementById("cv");
var canvasData = canvas.toDataURL("image/png");
var xmlHttpReq = true;       
if (window.XMLHttpRequest) {
    ajax = new XMLHttpRequest();
}

else if (window.ActiveXObject) {
    ajax = new ActiveXObject("Microsoft.XMLHTTP");
}
ajax.open('POST', 'hidden.php', true);
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
ajax.onreadystatechange = function() {
    console.log(ajax.responseText);
}
ajax.send("imgData="+canvasData);
}

PHP：

<?php
if (isset($GLOBALS["HTTP_RAW_POST_DATA"])) {
$imageData=$GLOBALS['HTTP_RAW_POST_DATA'];
$filteredData=substr($imageData, strpos($imageData, ",")+1);
$unencodedData=base64_decode($filteredData);
$fp = fopen('test.png', 'wb' );
fwrite( $fp, $unencodedData);
fclose( $fp );
}
?>

我不确定它是否损坏，因为我没有收到任何错误......也没有创建 test.png 文件。

任何帮助表示赞赏！