通过Javascript / Phonegap将base64图像上传到Facebook图形API

时间:2013-02-24 22:28:20

标签: javascript facebook cordova sdk base64

我正在尝试向https://graph.facebook.com/“+ userID +”/照片发出“发布”请求?access_token =“+ accessToken

'url'参数是base64数据URI。

我收到错误“data:base64 ....是一个内部网址,但这是一个外部请求”。

2 个答案:

答案 0 :(得分:0)

我知道无法上传单张照片的痛苦。在不眠之夜和研究日之后,我终于使用了cordova文件传输插件

此解决方案不需要Uint8Array或Blob支持;)

首先添加插件:cordova plugin add org.apache.cordova.file-transfer

然后,使用此代码(注意我正在使用angular.js。要么不使用promises,要么使用像rsvp或Q这样的库来做出承诺):

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

答案 1 :(得分:-1)

  <script src='http://connect.facebook.net/en_US/all.js'></script>
 FB.init({appId: "ur ap id of fb", status: true, cookie: true});
FB.login(function(response) {
       if (response.authResponse) {
         var access_token =   FB.getAuthResponse()['accessToken'];
         FB.api('me/photos', 'post', {
             message: 'posted by xxxx',
             status: 'success',
             access_token: access_token,
             url: 'test.png'
         }, function (response) {

             if (!response || response.error) {
                alert('Error occured');
             } else {
                 alert('Image Posted On Facebook');
             }

         });
       } else {

       }
     }, {scope: 'user_photos,photo_upload,publish_stream,offline_access'});

        },
        error:function(){

        }