PHP Data-URI в файл: решение проблем с поврежденными изображениями

Сохранение целостности данных изображения во время преобразования из Data-URI в формат файла имеет решающее значение. Распространенной проблемой, возникающей при использовании функции PHP file_put_contents для сохранения данных из вызова JavaScript Canvas.toDataURL(), является повреждение результирующего изображения. Проблема связана с наличием пробелов в Data-URI.

Документация PHP предлагает простое решение этой проблемы:

$encodedData = str_replace(' ', ' ', $encodedData);
$decodedData = base64_decode($encodedData);

Заменив пробелы плюсами, декодированные данные восстанавливаются правильно, гарантируя, что файл изображения не будет поврежден.

В вашем конкретном случае вы работали с Data-URI, содержащим изображение PNG. Вот как вы можете включить это решение в свой код:

// Get the base64-encoded URI data from JavaScript
$data = $_POST['logoImage'];

// Remove the leading "data:image/png;base64," part
$uri = substr($data, strpos($data, ',')   1);

// Replace any whitespace with a plus
$uri = str_replace(' ', ' ', $uri);

// Decode the base64-encoded data
$decodedData = base64_decode($uri);

// Save the decoded data to a file with the specified name
file_put_contents($_POST['logoFilename'], $decodedData);

Следуя этому подходу, вы можете успешно сохранить Data-URI как неповрежденный файл PNG.