无法将大型 html5 画布发布到服务器？

Question

我有一块画布，你可以在上面作画。我需要将其内容保存到服务器，以便稍后可以恢复。

为此，我通过 xMLHttpReq.open("POST", url, false);

在我的 php 脚本中，我获取 $_POST 和 base64_decode(json_decode($_POST[data])) 并将其保存到服务器上的 .png 文件中。

现在，如果画布上有一个小涂鸦，效果就很好。但是，如果 1600x1200px 画布上绘制了很多内容，并且大小约为 600kB，则我的脚本会失败，并且我会在服务器上得到一个 0kB png。

我该如何解决这个问题？如何将大画布发送到服务器？

问题是否是 _POST 大小的限制？因为，无论画布有多大，我总是可以通过 window.open(canvasP.toDataURL(), "blabla"); 下载它。

这对我来说是一个两难的境地。任何帮助将不胜感激！

[编辑] PHP 只是接收空的 $_POST[data] 对于任何超过 ~50 kB 的内容... 因此，问题必须发生在 canvasP.toDataURL() 和 POST-ing...

[EDIT2] 浏览器显示“正在上传...(xx%)”，直到“完成”为止。那么数据去哪儿了？ ：C

[EDIT3] 这是应用程序，请亲自尝试一下（使用谷歌浏览器）： http: //students.info.uaic.ro/~tudor.berechet/

[EDIT4] Mike关于suhosin的回答似乎是正确的

Answer 1

听起来很像你的 php 是用 Suhosin 编译的。 Suhosin 的任何 post 变量的默认限制长度是 65000 字节，这是相当大的接近您估计的极限。

事实上，您的服务器正在发送值为 PHP/5.2.6-1+lenny9 的 X-Powered-By 标头。我用 google 搜索了这个软件包版本，在 Debian 网站上他们提到它是用 Suhosin 构建的。

由于您无法控制服务器配置，因此解决方案是将画布数据拆分为低于服务器帖子长度限制的多个变量，然后在 PHP 中重新组装。如果您检查您的 phpinfo() 它应该显示所有这些限制。

编辑 - 添加示例代码

Javascript：

var canvasData = canvasP.toDataURL(); 
var length = canvasData.length;
var content = '';
var index = 0;
var limit = 64999;
var l;
while (length > 0) {
    if (length <= limit)
        l = length;
    else
        l = limit;

    content += '&content[]=' + canvasData.substr(index * limit, l);
    length -= l;
    index++;
}

xhr.send(content);

我不相信您需要您拥有的encodeURIComponent()，因为toDataURL() 编码为 url 安全的 base64。

PHP：

if (!empty($_POST['content']) && is_array($_POST['content']))
{
    $content = '';
    foreach ($_POST['content'] as $part)
    {
        $content .= $part;
    }
    $content = base64_decode($content);
}

不是最有效的方法，但它可能对您有帮助。

Suhosin 仍然有其限制，但您将能够通过这种方式发送更多数据。看起来您将被限制为数组中 65000 字节的 64 个部分，然后您还必须使用多个数组。然而，到那时，对于大多数人来说，它已经变得太大而无法经常上传，并且最好以某种方式发送对图像的更改而不是整个图像。