javascript - 将 `toDataURL` 图像保存到服务器

Question

我尝试过实现 signature_pad ，但说实话我不太明白。

如何返回图像值并将其发布到我的服务器？

编辑:

我尝试过解码:

JavaScript“app.js”:

saveButton.addEventListener("click", function (event) {
    if (signaturePad.isEmpty()) {
        alert("Please provide signature first.");
    } else {
        saveSignature(signaturePad.toDataURL());
    }
});

function saveSignature(dataURL) {
$.ajax({
  type: "POST",
  url: "script.php",
  data: { 
     imgBase64: dataURL
  }
}).done(function(o) {
  console.log('saved'); 
});
}

PHP，“script.php”:

<?php
    // requires php5
    define('UPLOAD_DIR', 'images/');
    $img = $_POST['img'];
    $img = str_replace('data:image/png;base64,', '', $img);
    $img = str_replace(' ', '+', $img);
    $data = base64_decode($img);
    $file = UPLOAD_DIR . uniqid() . '.png';
    $success = file_put_contents($file, $data);
    print $success ? $file : 'Unable to save the file.';
?>

Answer 1

在 PHP 代码中，您必须获取 $_POST['imgBase64'] 而不是 $_POST['img']。

your PHP code dosen't return json data

试试这个:echo json_encode(['result' => $success ? $file : '无法保存文件。'])