如何從 Base64 資料 URI 在伺服器端保存 PNG 映像？

從Base64 資料URI 在伺服器端儲存PNG 圖片

在Web 開發領域，經常需要將畫布繪圖轉換為PNG映像並將它們儲存在伺服器上。使用 PHP 和通用的 Base64 資料 URI 格式可以有效地完成此任務。

要開始此過程，您首先需要收集由 Nihilogic 的「Canvas2Image」JavaScript 工具等工具產生的 Base64 字串。一旦捕獲，該字串必須透過 AJAX 或其他適當的方式傳送到伺服器。

提取和解碼 Base64 數據

伺服器上接收到 Base64 數據，第一步是從更廣泛的字串中提取實際圖像數據。這可以透過explode()函數來實現，該函數將資料分成其組成部分。

儲存PNG檔案

有了提取的映像數據，您就可以繼續將其儲存為伺服器上的 PNG 檔案。這就是 file_put_contents() 函數發揮作用的地方。它需要兩個參數：儲存 PNG 的檔案路徑和解碼後的映像資料。

單行選項

為了更簡潔的方法，您可以利用涉及 preg_replace() 和 base64_decode()的單行解決方案來提取和解碼單一影像資料

綜合方法

如果錯誤處理至關重要，請考慮實施更全面的方法，以確保整個過程的準確性。此方法結合了正規表示式匹配、類型檢查和 Base64 解碼，以防止潛在錯誤。

範例程式碼

為了說明儲存過程，這裡有一個範例程式碼片段:

if (preg_match('/^data:image\/(\w+);base64,/', $data, $type)) {
    $data = substr($data, strpos($data, ',') + 1);
    $type = strtolower($type[1]);

    if (!in_array($type, [ 'jpg', 'jpeg', 'gif', 'png' ])) {
        throw new \Exception('invalid image type');
    }
    $data = str_replace( ' ', '+', $data );
    $data = base64_decode($data);

    if ($data === false) {
        throw new \Exception('base64_decode failed');
    }
} else {
    throw new \Exception('did not match data URI with image data');
}

file_put_contents("img.{$type}", $data);

透過執行以下步驟並利用提供的程式碼範例，您可以從Base64 無縫保存PNG 圖像伺服器端資料URI，使您能夠在Web 應用程式中利用畫布繪圖的強大功能。

以上是如何從 Base64 資料 URI 在伺服器端保存 PNG 映像？的詳細內容。更多資訊請關注PHP中文網其他相關文章！