使用javascript在Facebook上上传照片

Question

我正尝试使用javascript在Facebook上上传照片。我能够做JavaScript的状态更新，但仍然努力如何上传照片。有人可以告诉我如何在Javascript中编码吗？

Answer 1

下面是一个例子代码：

var imgURL = 'URL de la photo a uploader'; 

FB.api('/ALBUM_ID/photos', 'post', { 
    message: ' Ma photo', 
    url: imgURL, 
}, function (response) { 

}); 

Answer 2

正确的代码是：

var params = {}; 
params.url = 'https://myserver.com/myimage.jpg'; 

FB.api('/me/photos', 'post', params, function(response) { 
    if (!response || response.error) { 
     //error 
    } else { 
     picid = response.id; 
    } 
}); 

记住，照片必须是在服务器上，所以你需要一个服务器脚本上传。 “url”参数是您上传的图像文件的绝对URL。 更多信息：https://developers.facebook.com/docs/reference/api/user/（请参阅照片/创建）

请记住，根据Facebook条款，“消息”参数必须是100％用户生成的。您也无法发布到登录用户的朋友墙上，该功能已被弃用且不再有效。

Answer 3

我希望这会有用。通过仅在JavaScript的帮助下将照片上传到FB，您可以使用以下方法。这里需要的是imageData（它是base64格式的图像）和MIME类型。

try{ 
     blob = dataURItoBlob(imageData,mimeType); 
}catch(e){console.log(e);} 
var fd = new FormData(); 
fd.append("access_token",accessToken); 
fd.append("source", blob);fd.append("message","Kiss"); 
try{ 
    $.ajax({ 
     url:"https://graph.facebook.com/" + <<userID received on getting user details>> + "/photos?access_token=" + <<user accessToken>>, 
     type:"POST" 
     data:fd, 
     processData:false, 
     contentType:false, 
     cache:false, 
     success:function(data){ 
      console.log("success " + data); 
     }, 
     error:function(shr,status,data){ 
      console.log("error " + data + " Status " + shr.status); 
     }, 
     complete:function(){ 
      console.log("Ajax Complete"); 
     } 
    }); 

}catch(e){console.log(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 
    var blob = new Blob([ia], { type: mime }); 

    return blob; 
}