如何将img的src转换为图像并保存到文件夹？

Question

我目前正处理一个页面，该页面允许用户从模态屏幕裁剪图像，并使用img作为数据将裁剪后的图像传递给canvas元素。 img的{​​{1}}属性包含以src开头的随机字符串。我想要做的是当我最终在我的注册表单中点击 SAVE / SUBMIT 时，该图像将被转换为新的图像文件并保存到指定的文件夹

以下是我用于裁剪图片并传递给data:image/png:base64 ...元素的代码：

img

Answer 1

例如：

$data = 'iVBORw0KGgoAAAANSUhEUgAAABwAAAASCAMAAAB/2U7WAAAABl'
       . 'BMVEUAAAD///+l2Z/dAAAASUlEQVR4XqWQUQoAIAxC2/0vXZDr'
       . 'EX4IJTRkb7lobNUStXsB0jIXIAMSsQnWlsV+wULF4Avk9fLq2r'
       . '8a5HSE35Q3eO2XP1A1wQkZSgETvDtKdQAAAABJRU5ErkJggg==';
$data = base64_decode($data);

$im = imagecreatefromstring($data);
if ($im !== false) {
    header('Content-Type: image/png');
    imagepng($im);
    imagedestroy($im);
}
else {
    echo 'An error occurred.';
}