Question

我使用HTML2Canvas为我的页面上的div创建了一个png图像，它为图像创建了base64编码的字符串。我将其作为内联显示在页面上：

<img id="headerImage" src="data:image/png;base64,iVBORw0KGg..." width="60">

然后我将其作为 LONGTEXT 保存在我的数据库中。

在我的控制器中，我似乎无法将图像恢复为有效的PNG。尝试了许多不同的方法，如代码片段所示：

                $imageStr = $plan->image;

                $pos = strpos($imageStr, ',');
                $trimmed = substr($imageStr, $pos+1);

                $image = base64_decode($trimmed);

                /*
                $im = imagecreatefromstring($image);
                if ($im !== false) {
                        header('Content-Type: image/png');
                        imagepng($im);
                        imagedestroy($im);
                } else {
                        echo 'Failed';
                }

                return;
                */

                $response = Response::make(trim($image), 200);
                $response->header('Content-Type', 'image/png');

                return $response;

                /*
                return Response::stream(function() use ($image) {
                        echo $image;
                        }, 200, array('Content-Type:image/png'));
                */

当我查看标题时，它看起来很合理：

t=4102 [st=437]        HTTP_TRANSACTION_READ_RESPONSE_HEADERS
                       --> HTTP/1.1 200 OK
                           Date: Tue, 24 Feb 2015 16:36:28 GMT
                           Server: Apache/2.4.7 (Ubuntu)
                           X-Powered-By: PHP/5.5.9-1ubuntu4.5
                           Cache-Control: no-cache
                           Set-Cookie: [362 bytes were stripped]
                           Keep-Alive: timeout=5, max=100
                           Connection: Keep-Alive
                           Transfer-Encoding: chunked
                           Content-Type: image/png
t=4102 [st=437]     -HTTP_TRANSACTION_READ_HEADERS

在所有情况下，浏览器都会显示损坏的图像符号。在这一点上我的智慧结束 - 欣赏有关如何做到这一点的任何想法！

Answer 1

您的代码应该按原样运行。

关于Base64编码图像的说明;要再次解码它们，您必须删除字符串的data:image/png;base64部分。

所以：

<?php
$imageStr = $plan->image; // Or wherever you get your string from
$image = base64_decode(str_replace('data:image/png;base64,', '', $imageStr));

$response = Response::make($image, 200);
$response->header('Content-Type', 'image/png');

return $response;

此外，imagecreatefromstring在这种情况下是多余的。

Laravel - 无法将存储在我的数据库中的.png图像作为base64编码的字符串提供

1 个答案: