파일로의 PHP 데이터-URI: 손상된 이미지 문제 해결

데이터-URI에서 파일 형식으로 변환하는 동안 이미지 데이터의 무결성 유지 결정적이다. JavaScript canvas.toDataURL() 호출에서 데이터를 저장하기 위해 PHP의 file_put_contents 함수를 사용하는 동안 발생하는 일반적인 문제는 결과 이미지가 손상되는 것입니다. 이 문제는 Data-URI에 공백이 있기 때문에 발생합니다.

PHP 문서는 이 문제에 대한 간단한 해결책을 제공합니다:

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

공백을 플러스 기호로 바꾸면 디코딩된 데이터가 올바르게 재구성되어 이미지 파일이 손상되지 않도록 할 수 있습니다.

특정 경우에는 PNG 이미지가 포함된 Data-URI로 작업하고 있었습니다. 솔루션을 코드에 통합하는 방법은 다음과 같습니다.

// 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 파일로 성공적으로 저장할 수 있습니다.