在facebook上分享數據uri圖片

Question

我有導出到數據uri圖像的HTML畫布。 現在，我想通過單擊頁面上的自定義鏈接，在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共享者URL（或其他方式）輕松共享數據uri圖像？

感謝您的回答！

Answer 1

您可以使用以下漂亮的服務將DataURI解碼為可共享的URL：

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

該服務通過POST請求獲取Base64編碼的DataURI，並以表示解碼圖像的URL進行響應。 它將實時將您的圖像包裝在帶有opengraph META標簽的頁面中。