如何从base64数据字符串保存PNG图像服务器端

我使用Nihilogic的“Canvas2Image”JavaScript工具将画布图形转换为PNG图像。 我现在需要的是将这个工具生成的base64字符串转换成服务器上的实际PNG文件,使用PHP。

总之,我目前正在做的是在客户端使用Canvas2Image生成一个文件,然后检索base64编码的数据并使用AJAX将其发送到服务器:

// Generate the image file var image = Canvas2Image.saveAsPNG(canvas, true); image.id = "canvasimage"; canvas.parentNode.replaceChild(image, canvas); var url = 'hidden.php', data = $('#canvasimage').attr('src'); $.ajax({ type: "POST", url: url, dataType: 'text', data: { base64data : data } }); 

在这一点上,“hidden.php”接收数据块,看起来像数据:image / png; base64,iVBORw0KGgoAAAANSUhEUgAABE …

从这一刻起,我几乎陷入了困境。 从我读过的,我相信我应该使用PHP的imagecreatefromstring函数,但我不知道如何从base64编码的字符串实际创建一个实际的PNG图像,并将其存储在我的服务器上。 请帮助!

您需要从该字符串中提取base64图像数据,解码它,然后将其保存到磁盘,您不需要GD,因为它已经是一个PNG了。

 $data = 'data:image/png;base64,AAAFBfj42Pj4'; list($type, $data) = explode(';', $data); list(, $data) = explode(',', $data); $data = base64_decode($data); file_put_contents('/tmp/image.png', $data); 

而作为一个单行的:

 $data = base64_decode(preg_replace('#^data:image/\w+;base64,#i', '', $data)); 

尝试这个:

 file_put_contents('img.png', base64_decode($base64string)); 

file_put_contents文档

我不得不用正号代替str_replace(' ', '+', $img); 得到这个工作。

这里是完整的代码

 $img = $_POST['img']; // Your data 'data:image/png;base64,AAAFBfj42Pj4'; $img = str_replace('data:image/png;base64,', '', $img); $img = str_replace(' ', '+', $img); $data = base64_decode($img); file_put_contents('/tmp/image.png', $data); 

希望有所帮助。

采取了@ dre010的想法,我已经扩展到另一个函数,可以使用任何图像类型:PNG,JPG,JPEG或GIF,并给文件名一个唯一的名称

该功能分离图像数据和图像类型

 function base64ToImage($imageData){ $data = 'data:image/png;base64,AAAFBfj42Pj4'; list($type, $imageData) = explode(';', $imageData); list(,$extension) = explode('/',$type); list(,$imageData) = explode(',', $imageData); $fileName = uniqid().'.'.$extension; $imageData = base64_decode($imageData); file_put_contents($fileName, $imageData); } 

那么你的解决方案取决于图像是一个JPEG文件。 对于我使用的一般解决方案

 $img = $_POST['image']; $img = substr(explode(";",$img)[1], 7); file_put_contents('img.png', base64_decode($img)); 

值得一提的是,讨论的主题在RFC 2397中有记载 – “数据”URL方案( https://tools.ietf.org/html/rfc2397

由于这个PHP有一个本地的方式来处理这样的数据 – “数据:流包装”( http://php.net/manual/en/wrappers.data.php

所以你可以很容易地使用PHP流处理你的数据:

 $data = 'data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7'; $source = fopen($data, 'r'); $destination = fopen('image.gif', 'w'); stream_copy_to_stream($source, $destination); fclose($source); fclose($destination); 

尝试这个…

 $file = $_POST['file']; //your data in base64 'data:image/png....'; $img = str_replace('data:image/png;base64,', '', $file); file_put_contents('img/imag.png', base64_decode($img)); 

单线性解决方案

 $base64string = 'data:image/png;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7'; file_put_contents('img.png', base64_decode(explode(',',$base64string)[1]));