3

このjavaascriptコードを使用して、Facebookアルバムに写真をアップロードしようとしています。

FB.api('/me/photos', 'post', {    access_token: GetToken(),
                            name: 'uploaded photo',
                            source: '@http://example.com/example.jpg' }, 
            function(response) {
                if (!response || response.error) {
                    alert('Error occured ' + response.error.message);
                } else {
                    alert('Post Id: ' + response.id);
                }
            });

誰かがこのコードで私を助けてくれますか? このコードは何も返しません。

4

3 に答える 3

4

純粋な JavaScript/JQuery でこれを行うと仮定すると、フォームのターゲットとして iframe を使用する必要があります。注意点があります。戻りデータ (ID / 呼び出しの成功) を使用することはできません。 ) 同一オリジン ポリシーのため。

最初に、ファイル入力と設定したいその他の変数を保持するフォームを作成します。

<form id="upload-photo-form">
    <input name="source" id="source" size="27" type="file" />
    <input name="message" id="message" type="text" value="message example please ignore" />
</form>

これは、iframe を作成し、それを使用するフォームを指定し、FQL を使用してアルバムから最新の写真を取得するために使用される主な関数です。

function fileUpload(form, action_url, div_id) {
    // Create an iframe 
    var iframe = document.createElement("iframe");
    iframe.setAttribute('id', "upload_iframe");
    iframe.setAttribute('name', "upload_iframe");
    iframe.setAttribute('width', "0px");
    iframe.setAttribute('height', "0px");
    iframe.setAttribute('border', "0");
    iframe.setAttribute('style', "width: 0; height: 0; border: none;");

    // Add to document.
    form.parentNode.appendChild(iframe);
    window.frames['upload_iframe'].name = "upload_iframe";

    iframeId = document.getElementById("upload_iframe");

    // Add event to detect when upload has finished
    var eventHandler = function () {

        if (iframeId.detachEvent)
        {
            iframeId.detachEvent("onload", eventHandler);
        }
        else
        {
            iframeId.removeEventListener("load", eventHandler, false);
        }

        setTimeout(function() {
            try
            {
                $('#upload_iframe').remove();
            } catch (e) {

            }
        }, 100);

        FB.api({
            method: 'fql.query',
            query: 'SELECT src_big,pid,caption,object_id FROM photo WHERE aid= "' + albumID + '" ORDER BY created DESC LIMIT 1'
            },
            function(response) {
                console.log(response);
            }
        );

    }

    if (iframeId.addEventListener)
        iframeId.addEventListener('load', eventHandler, true);
    if (iframeId.attachEvent)
        iframeId.attachEvent('onload', eventHandler);

    // Set properties of form...
    form.setAttribute('target', 'upload_iframe');
    form.setAttribute('action', action_url);
    form.setAttribute('method', 'post');
    form.setAttribute('enctype', 'multipart/form-data');
    form.setAttribute('encoding', 'multipart/form-data');

    // Submit the form...
    form.submit();

}

実行時には、おそらく以前の呼び出しからの albumObjectID を知っており、login または session onauthchange によって返されたセッション オブジェクトからのアクセス トークンを持っています。

var url = 'https://graph.facebook.com/' + albumObjectID + '/photos?access_token=' +  accessToken;
fileUpload($('#upload-photo-form')[0], url, $('#upload-photo-div')[0]);`

明らかに、これは製品コードではありません。信頼性を向上させるためにできることがいくつかあります (送信された画像の幅、高さ、キャプション、およびタグを最新の画像にチェックするなど)。アップロード試行前後の最新画像の確認など

PS: albumObjectID と albumID に注意してください。これらは異なりますが、どちらも単純な FQL クエリを使用して取得できます。(例: SELECT aid, object_id, can_upload, name FROM album WHERE owner = me() AND name = "My Album Name")

お役に立てれば。
カメラスクールドロップアウト

于 2011-03-28T07:20:48.643 に答える
3

あなたは正しい質問からそう遠くはありません。

まず、js SDKを開始し、投稿する権限をリクエストしていることを確認してください。

次に、2つのフィールドはメッセージとURLです。

var data = array();
data['message'] = 'hello world';
data['url'] = 'http://google.com/moo.jpg';

FB.api('/me/photos', 'post', data, function(response){
    if (!response || response.error) {
        //alert('Error occurred');
    } else {
        //alert('Post ID: ' + response.id);
    }
});
于 2012-09-24T03:44:30.023 に答える