在Facebook上分享数据uri图像

Question

我有HTML画布，我导出到数据uri图像。现在，我想通过点击我页面上的自定义链接，在Facebook时间线上尽可能简单地共享此图像（无需创建FB应用和身份验证令牌）。

我尝试过这样的事情：

图像生成：

var dataUrl = context.canvas.toDataURL("image/jpeg");

分享链接（onClick）：

window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(dataUrl)+'&t='+encodeURIComponent('Some text'),'sharer','toolbar=0,status=0,width=626,height=436');

当我点击Safari中的链接时，我得到Safari cannot open page ... (NSPOSIXErrorDomain:100)

如何通过Facebook sharer URL（或其他方式）轻松共享数据uri图像？

感谢您的回答！

Answer 1

您可以使用这个漂亮的服务将DataURI解码为可共享的URL：

http://aminariana.github.io/data-uri-to-img-url/

此服务通过POST请求获取Base64编码的DataURI，并使用表示解码图像的URL进行响应。它会将您的图像实时包装在带有opengraph META标签的页面中。