从dataURL创建/显示图像

Question

是否可以从POST接收的数据URL创建并显示图片文件？类似于：

<?
$imgstr = $_POST["imgdata"]; //data:image/png;base64,.... etc (it's always PNG)
echo base64_decode($imgstr); // idk what this really does
?>

我不能使用<img>标签来显示它。它需要像一个"正常"的图像文件一样。

Answer 1

是，请尝试：

<img alt="Base64 Image" src="data:image/png;base64,{$imgstr}" />

编辑：确保您清理了$_POST，这样人们就不会插入危险的垃圾。。。

Answer 2

如果例如您的输入是

// Red dot graphic, stolen from Wikipedia
$imgstr = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==';

然后你可以用做你想做的事

// Grab the MIME type and the data with a regex for convenience
if (!preg_match('/data:([^;]*);base64,(.*)/', $imgstr, $matches)) {
    die("error");
}
// Decode the data
$content = base64_decode($matches[2]);
// Output the correct HTTP headers (may add more if you require them)
header('Content-Type: '.$matches[1]);
header('Content-Length: '.strlen($content));
// Output the actual image data
echo $content;
die;

Answer 3

您必须在回显之前设置正确的标头。

header( 'Content-Type: image/jpeg' );