画像のBase64のdecodeがうまくいかない。異なる文字列になってしまっている。

Question

実現したいこと

Base64にエンコードした画像データをデコードして、ファイル名を作成したい。

前提

Base64にエンコードしたデータを、Json形式で取得しています。
デコードする際にうまくいっておらず、ファイル名が作成できません。

該当のソースコード

　//$data_urlには以下のような値が格納されている。
  //{"ops":[{"insert":{"image":"data:image/png;base64,iVBORw0KGgoAA~長いので省略~23m6gAAAAASUVORK5CYII="}},{"insert":"\n"}]}


    $data_url_decode = json_decode($data_url);
    $encoded_image = $data_url_decode->ops[0]->insert->image;
    // base64データにデコード
    $decoded_image = base64_decode($encoded_image);

    //finfo_buffertでMIMEタイプを取得
    $finfo = finfo_open(FILEINFO_MIME_TYPE);
    $mime_type = finfo_buffer($finfo, $decoded_image);

    //MIMEタイプをキーとした拡張子の配列
    $extensions = [
        'image/gif' => 'gif',
        'image/jpeg' => 'jpg',
        'image/png' => 'png'
    ];

    //MIMEタイプから拡張子を選択してファイル名を作成
    $filename = 'image.' . $extensions[$mime_type];

発生している問題

ファイル名は作成されず、echo $mine_typeを実行したところ、
「application/octet-stream」というファイル形式が不明な場合に用いられるものが表示されました。

試したこと

デコードしたものを再度エンコードしてみる。

$image_encoded = base64_encode($image_decoded);
    echo $image_encoded;

echo 結果

dataimage/pngbase64iVBORw0KGgoAAAA~長いため省略~23m6gAAAAASUVORK5CYIA==string(3504)

想定の結果

data:image/png;base64,iVBORw0KGgoAAAA~長いため省略~23m6gAAAAASUVORK5CYII=

再度デコードすると若干「:」や「;」や[,]が抜けていることを確認。
あと末尾がYII=であるのに対し、YIA==に代わってしまっているのも気になります。

decode時にうまくいっていないように見受けられるのですが、どのように修正すべきか分からない状態です。
もし分かる方いらっしゃいましたら教えて頂けますと幸いです。

Answer 1

Base64のデータは、data:image/png;base64,より後の、iVBORw0KG以下の部分だけです。

先頭の部分は割愛して、iVBORw0KG以下だけbase64_decodeにかけてください。

Comments

[maisumakun]

data:image/png;base64,の部分は、Base64のデータをURLとして扱うためのヘッダーです。

https://developer.mozilla.org/ja/docs/Web/HTTP/Basics_of_HTTP/Data_URLs

[Sayre]

ありがとうございます！
先頭の部分を割愛して実施してみたところ、ファイル名を取得することができました。
また、追加情報として先頭部分に関する情報も共有下さりありがとうございます。