Javascriptから取得し、php経由で保存しようとしているデータURIがあります。次のコードを使用して、明らかに破損したイメージファイルを提供します。
$data = $_POST['logoImage'];
$uri = substr($data,strpos($data,",")+1);
file_put_contents($_POST['logoFilename'], base64_decode($uri));
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs 9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxklEQVQYlYWQMW7CUBBE33yITYUUmwbOkBtEcgUlTa7COXIVV5RUkXKC5AxU EdyZVD4kyKxkwIrr9vd0c7Oih aopinLNsF6Qkg2XW4XJ7LGFsAAcTV6lF5/jLdbALA9XDAXYfthFQVx OrmqKYK88/7rbbMFksALieTnzu9wDYTj6f70PKsp2kwAiSvjXNcvkWpAfNZkzWa/5a9yT7fdoX7rrB7hYh2fXo9HdjPYQZu3MIU8bYIlW20y0RUlXG2Kpv/vfwLxhTaSQwWqwhAAAAAElFTkSuQmCC
コードの下は、Data-URIとしての実際の画像です。 'logoImage'は上の文字列で、$ uriは 'image/jpeg; base64、'を引いた文字列です。
クイックルック PHP manual で次の結果が得られます。
Javascript canvas.toDataURL()関数から派生したデータを保存する場合は、空白をプラスに変換する必要があります。そうしないと、デコードされたデータが破損します。
<?php $encodedData = str_replace(' ','+',$encodedData); $decodedData = base64_decode($encodedData); ?>
例にあるデータURIは有効なPNG画像ではありません。これは決して機能せず、コードとは無関係であり、データと関連しています。
適用されませんが、興味があるかもしれません:
file_put_contents($_POST['logoFilename'], file_get_contents($data));
背後にある考え方:PHP自体が data URI(data://
) ですので、自分でデコードする必要はありません。
公式のデータURIスキーム(参照: 「データ」URLスキームRFC 2397 )にはダブルスラッシュ( "//
")コロンの後(" :
")。PHPは、2つのスラッシュの有無にかかわらずサポートします。
# RFC 2397 conform
$binary = file_get_contents($uri);
# with two slashes
$uriPhp = 'data://' . substr($uri, 5);
$binary = file_get_contents($uriPhp);
動作するすべてのコード:
$imgData = str_replace(' ','+',$_POST['image']);
$imgData = substr($imgData,strpos($imgData,",")+1);
$imgData = base64_decode($imgData);
// Path where the image is going to be saved
$filePath = $_SERVER['DOCUMENT_ROOT']. '/ima/temp2.png';
// Write $imgData into the image file
$file = fopen($filePath, 'w');
fwrite($file, $imgData);
fclose($file);