使用ajax和php将画布上下文作为图像上传

var canvas = document.getElementById("myCanvas");
var dataURL = canvas.toDataURL("image/png");

var xhr = new XMLHttpRequest();
xhr.open("POST", "upload.php", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send("image=" + encodeURIComponent(dataURL));

<?php
if (isset($_POST["image"])) {
    $data = $_POST["image"];
    list($type, $data) = explode(";", $data);
    list(, $data) = explode(",", $data);
    $data = base64_decode($data);
    file_put_contents("uploaded_image.png", $data);
    echo "Image uploaded successfully!";
}
?>

<?php
require_once "vendor/autoload.php";
use Qcloud\Cos\Client;

$cosClient = new Client(array(
    'region' => 'ap-guangzhou',
    'credentials' => array(
        'appId' => 'your_app_id',
        'secretId' => 'your_secret_id',
        'secretKey' => 'your_secret_key',
    )
));

try {
    $result = $cosClient->putObject(array(
        'Bucket' => 'your_bucket_name',
        'Key' => 'uploaded_image.png',
        'Body' => $data,
    ));
    echo "Image uploaded to COS successfully!";
} catch (\Exception $e) {
    echo "Error uploading image to COS: " . $e->getMessage();
}
?>