通過圖 API 將照片提交給 facebook 后，如何獲取照片 ID？

Question

我正在尋找通過圖形 api 將照片上傳到 facebook 的最佳方式，而無需任何服務器端進程。 到目前為止，我所做的實現是使用 javascript(jQuery) 和 HTML 表單提交。 代碼如下：

<form action="" method="POST" enctype="multipart/form-data" target="result">
    Please choose a photo: <input name="source" type="file"><br/>
    Say something about this photo: <input name="message" type="text" value=""><br/>
    <a id="upload-button" href="javascript:;">Upload</a>
</form>

<iframe id="result" src="" name="result" frameborder="1" 
 style="height:75px;" onload="finish_upload(this);"></iframe>

<script>
function finish_upload(iframe){
    //An exception thrown. iframe.contentWindow.document is undefined.
    var content = iframe.contentWindow.document.body.innerHTML;
    console.log(content);
}

$(function(){
    $('#upload-button').click(function(){
        var access_token = getToken();
        var url = "https://graph.facebook.com/me/photos?access_token=" + access_token;
        $('form').attr('action', url).submit();
    });
});
</script>

點擊上傳按鈕后。 照片已成功上傳，我可以看到結果 iframe 中出現了照片 ID。

{
   "id": "123456789"
}

似乎由於結果 iframe 的內容來自不同的域（graph.facebook.com）。 出於某些安全原因，我無法通過 javascript 從中獲取照片 ID。

問題是這樣的。
在這種情況下，有什么方法可以獲取 iframe 內容嗎？ 或者，有沒有其他方法可以更直接地從 facebook 圖 api 調用中獲得響應？

謝謝。

Answer 1

我唯一能想到的就是使用source參數設置一個特定的來源 url，然后檢索最后 1 或 2 或 5 張照片並搜索具有匹配源的照片。