在 Facebook 上分享数据 uri 图片

Question

我有 HTML canvas 导出到数据 uri 图像。现在我想通过点击我页面上的自定义 link 在 Facebook 时间线上尽可能简单地分享这张图片（无需创建 FB 应用程序和身份验证令牌）。

我试过这样的事情：

图像生成：

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

分享 link (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 中单击 link 时，我得到 Safari cannot open page ... (NSPOSIXErrorDomain:100)

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

感谢解答！

Answer 1

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

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

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