Share Canvas Images to Facebook

Question

Привет, ребята, я на последнем шаге этого проекта, я сохранил изображение Canvas на стороне сервера и надеялся, что теперь вы сможете изменить миниатюру для Facebook. Ниже приведен код до части совместного использования.

jQuery(document).ready(function($){ 
//Share the current Canvas Image to Facebook 
jQuery(document).on('click','#poster',function(e){ 
    e.preventDefault(); 
    /*Save to server*/ 
    var canvas = document.getElementById("c"); 
    var imageData = canvas.toDataURL("image/png"); 
    $.ajax({ 
    type: "POST", 
    url: rkax.ajaxurl, 
    data: { 
     action: 'raketrad_save_to_server', 
     imgBase64: imageData 
    } 
}).done(function(img_url) { 
    console.log(img_url); 
$('body').append('<meta property="og:image" content="'+img_url+'" />'); 
FB.ui({ 
     method: 'share', 
     href: window.location.href, 
     }, function(response){}); 

}); 

Я нахожу это, даже если свойство meta добавлено на страницу. Facebook по-прежнему использует URL-адрес по умолчанию. Как мне это сделать?

Answer 1

я не мог получить долю функцию Собирается но корма работал для меня

FB.ui({ 
    method: 'feed', 
    link: window.location.href, 
    picture: img_url, 
}, function(response){}); 

надеюсь, что это помогает кто-то ищет что-то вроде этого

Answer 2

Добавление метатегов opengraph в версии локального браузера не работает, потому что искатель facebook очистит «серверную версию» страницы. То, что вы должны сделать, как часть действия 'raketrad_save_to_server', заключается в том, чтобы хранить соответствующую информацию на вашем сервере, чтобы страница, обслуживаемая на URL-адресе, который вы передаете методу FB.ui/share, будет содержать правильные мета-свойства.