0

我正在使用 facebook graph api 的 v2.0 版本，我正在尝试将图片上传到 v2.0/me/photos，但不幸的是我收到了这个错误(#324) Requires upload file，这很奇怪，因为我有 publish_actions 权限并且文档说这就是我所需要的。

我正在使用phonegap，因此普通的JS SDK对我不起作用，并且cordova-facebook-plugin使cordova无法构建它（按照至少5个论坛/博客上的说明，没有任何效果），这就是我使用纯的原因我的应用程序的 XMLHTTPRequests 和 AJAX 请求。一切正常（我可以在用户的​​墙上发布消息，登录就好了），除了这张图片上传。这是我正在使用的功能（数据是图像的 URI）：

function postImage(data, message) {

    var imageData = data.replace('data:image/jpeg;base64,', ''),
        mimeType = 'image/jpg',
        authToken = tokenStore['acess.token'],
        filename = 'bikeDice_screenshot_' + Math.round((+(new Date()) + Math.random())),
        deferred = $q.defer();

    try {
        var blob = dataURItoBlob(imageData, mimeType);
    } catch (e) {
        alert(e);
    }

    var fd = new FormData();
    fd.append("access_token", authToken);
    fd.append("source", '%7B' + blob + '%7D');
    fd.append("message", message);
    fd.append("no_story", false);

    try {

        $.ajax({
            url: 'https://graph.facebook.com/v2.0/me/permissions?access_token=' + authToken,
            type: 'GET',
            success: function (data) {
                alert(JSON.stringify(data));
            },
            error: function (err) {
                alert(err);
            }
        });

        $.ajax({
            url: "https://graph.facebook.com/v2.0/me/photos?access_token=" + authToken,
            type: "POST",
            data: fd,
            processData: false,
            contentType: false,
            cache: false,
            success: function (data) {
                console.log("success " + data);

                deferred.resolve(data);
            },
            error: function (shr, status, data) {

                alert(JSON.stringify(shr));
                deferred.reject(data);
            },
            complete: function () {
                console.log("Ajax Complete");
            }
        });

    } catch (e) {
        alert('error in ajax request ');
        alert(JSON.stringify(e));
    }

    function dataURItoBlob(dataURI, mime) {
        // convert base64 to raw binary data held in a string
        // doesn't handle URLEncoded DataURIs

        var byteString = window.atob(dataURI);
        // separate out the mime component


        // write the bytes of the string to an ArrayBuffer
        //var ab = new ArrayBuffer(byteString.length);
        var ia = new Uint8Array(byteString.length);
        for (var i = 0; i < byteString.length; i++) {
            ia[i] = byteString.charCodeAt(i);
        }

        // write the ArrayBuffer to a blob, and you're done

        try {
            var blob = new Blob([ia], {
                type: mime
            });
        } catch (e) {
            try {
                window.BlobBuilder = window.BlobBuilder || window.WebKitBlobBuilder || window.MozBlobBuilder || window.MSBlobBuilder;

                if (e.name == 'TypeError' && window.BlobBuilder) {
                    var bb = new BlobBuilder();
                    bb.append([ia.buffer]);
                    var blob = bb.getBlob(mime);
                    var bb = new BlobBuilder();

                } else if (e.name == "InvalidStateError") {
                    // InvalidStateError (tested on FF13 WinXP)
                    var blob = new Blob([ia.buffer], {
                        type: mime
                    });
                } else {
                    alert('Blob constructor unsupported entirely! ');
                }

            } catch (e) {
                alert(e);
            }
        }

        return blob;
    }


    return deferred.promise
};

PS：在智能手机上，如果在 try/catch 块中，脚本总是会这样：

if (e.name == 'TypeError' && window.BlobBuilder) {
    var bb = new BlobBuilder();
    bb.append([ia.buffer]);
    var blob = bb.getBlob(mime);
    var bb = new BlobBuilder();

}

PS2：我尝试添加&upload_file=true到帖子请求的 url，真的没有运气...... ;/

4

1 回答 1

4

这是我找到的解决方案，使用 cordova 文件传输插件，就像一个带有数据 URI 的魅力：

function postImage(fileURI, message) {

    var deferred = $q.defer();

    var win = function (r) {

        deferred.resolve(r);
    }

    var fail = function (error) {

        deferred.reject(error);
    }

    var options = new FileUploadOptions();
    options.fileKey = "file";
    options.fileName = 'name_of_photo_' + Math.round((+(new Date()) + Math.random()));
    options.mimeType = "image/jpg";

    var params = new Object();
    params.access_token = "your facebook access token ;)";
    params.message = message;
    params.no_story = false;

    options.params = params;

    var ft = new FileTransfer();
    ft.upload(fileURI, "https://graph.facebook.com/v2.0/me/photos", win, fail, options);

    return deferred.promise;
}

但首先，将插件添加到cordova，使用cordova plugin add org.apache.cordova.file-transfer

于 2014-08-11T13:29:24.783 回答