Facebook javascript sdk - téléchargement de photos avec elle!

En supposant que vous voulez faire cela en JavaScript/JQuery - vous aurez besoin d'utiliser une iframe comme la cible d'un formulaire, il y a un bémol - vous ne serez pas en mesure d'utiliser les données de retour (l'IDENTIFIANT et le succès de l'appel) en raison de la même origine.

D'abord créer un formulaire qui va contenir le fichier d'entrée et d'autres variables que vous souhaitez configurer:

<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>

Ici est la fonction principale utilisée, ce qui crée un iframe, les points de la forme de l'utiliser, puis récupère la dernière photo de l'album à l'aide de 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();

}   

Au moment de l'exécution, vous savez le albumObjectID à partir d'un appel précédent, et ont le jeton d'accès de l'objet de session qui est renvoyé par le login de session ou de onauthchange.

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

Évidemment, ce n'est pas le code de production, il ya quelques choses que vous pouvez faire pour améliorer la fiabilité (comme la vérification de la largeur, la hauteur, la légende & balises de l'image soumise à la dernière image). La vérification de la dernière image avant & après la tentative de téléchargement etc.

PS: attention pour les albumObjectID vs albumID, ils sont différents mais les deux peuvent être obtenues à l'aide de quelques simples FQL requêtes. (par exemple: SELECT aid, object_id, can_upload, name FROM album WHERE owner = me() AND name = "My Album Name")

Espère que cette aide.

CameraSchoolDropout

OriginalL'auteur CameraSchoolDropout