AND 标签来自 php

Question

我正在尝试制作一个非常简单的游戏。

a) 我让用户输入他的名字；
b) 我把这个名字放在 canvas;
c) 我生成图像 (base64) whit canvas.toDataRL() 并创建一个图像文件，将 base64 URI 发送到 php 文件。我用这段代码来做：

JAVASCRIPT:

var canvas = document.getElementById("myCanvas");
    var dataURL = canvas.toDataURL("image/jpeg", 0.2);
    //console.log(dataURL);

    // post the dataUrl to php
    $.ajax({
        type: "POST",
        url: "upload.php",
        data: {image: dataURL}
        }).done(function( respond ) {
            console.log(respond);
    });

UPLOAD.PHP

<?php
if ( isset($_POST["image"]) && !empty($_POST["image"]) ) {
    $dataURL = $_POST["image"];
    $parts = explode(',', $dataURL);  
    $data = $parts[1];
    $data = base64_decode($data); 
    // create a temporary unique file name
    $file = "img/" . UPLOAD_DIR . uniqid() . '.png';
    // write the file to the upload directory
    $success = file_put_contents($file, $data);
    print $success ? $file : 'Unable to save this image.';
}
?>

d) 现在我想使用我创建的这张图片来设置 og:image 标签（以便在 Facebook 上分享）！我能怎么做？我真的不知道。

谢谢！

Answer 1

也许在 OG 中你可以把 link 和 <?php echo $file; ?>

Answer 2

我找到了解决办法。我通过 get 将响应传递到另一个 php 页面，该页面捕获 get 参数并将其放入 og:image'content 部分。

Answer 3

您可以在此处调试您的 OG 标记：https://developers.facebook.com/tools/debug/

关于开放图标记的一般信息：https://developers.facebook.com/docs/sharing/webmasters#markup

AND 标签来自 php

OG Tags via php

tags

facebook

graph