1、直接把 DataURI 字串儲存起來,等要用的時候直接輸出至 的 src 屬性或是 CSS 中:
<img src="<?php echo $base64_img_string; ?>" />
將 base64 DataURI 送到 PHP 端儲存成圖片後使用:
<?php
// 設定圖檔上傳路徑
define('UPLOAD_PATH', 'images/');
// 接收 POST 進來的 base64 DtatURI String
$img = $_POST['data'];
// 轉檔 & 存檔
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$file = UPLOAD_PATH . uniqid() . '.png';
$success = file_put_contents($file, $data);
// output string
$output = ($success) ? '<img src="'. $file .'" alt="Canvas Image" />' : '<p>Unable to save the file.</p>';
view
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>PHP base64 image decode demo</title>
</head>
<body>
<!-- 成功存檔的話會秀出 img 標籤以及圖檔,失敗的話會出現 Unable to save the file 的訊息 -->
<?php print $output; ?>
</body>
</html>