如何保存并共享画布html5图像保存为链接？

Question

可能重复：
Download canvas image on the fly

我有一个canvas的HTML5这是完全正常工作。现在，我想创建一个分类游戏，人们可以保存图像并与其他人分享。这可以通过保存图像作为一个不同的网址，然后在画布所在的位置完成（我猜）。现在，如果我“拯救”我的HTML5的画布，我在浏览器中得到这个URL：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiYAAAHCCAYAAADb8wJPAAAeKklEQVR4nO3d36tv6V0f8M+fkItceFGKIAiC4EVpwateFQSvAm0g1Is2

所以，现在，我想真正保存在服务器上，让我可以分享一个链接我的朋友，以便他们可以在互联网上看到这个图像。我怎样才能让这个可能的家伙？

PS：我的 “保存” 就在这个片段：

<input type="button" id="save" value="Save to PNG"> 

<script> 
    document.getElementById('save').onclick = function() { 
    window.location = document.getElementById("RoCanvas").toDataURL('image/png'); 
    }; 
</script> 

Answer 1

是。基本上你产生的图像在客户端。您将需要采用Base64编码的字符串并将其发送到您的服务器。然后在服务器上，您可以将其转换为图像。

对此：How to save a PNG image server-side, from a base64 data string