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

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

为了做到这一点，我xMLHttpReq.send(*) the encodeURIComponent(canvasP.toDataURL())* via a 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()和后处理...

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

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

[EDIT4] Mike's answer seems to be right about suhosin

听起来很像你的 php 是用Suhosin http://www.hardened-php.net/suhosin/. The 默认限制 http://www.hardened-php.net/suhosin/configuration.htmlSuhosin 的任何后置变量的长度为 65000 字节，这非常接近您估计的限制。

事实上，您的服务器正在发送X-Powered-By标头的值为PHP/5.2.6-1+lenny9。我用谷歌搜索了这个软件包版本，在 Debian 网站上他们提到它是与 Suhosin 一起建造 http://packages.debian.org/lenny/php5-common.

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

Edit- 添加了示例代码

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()编码为 base64，这是 url 安全的。

PHP:

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

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

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