使用HTML5 File API通过Facebook Graph API上传照片

Question

我正在尝试在不使用服务器端流程的情况下制作组织Facebook应用程序的照片。

现在我可以使用FileReader对象的readAsDataURL方法预览照片，例如......

var file = e.dataTransfer.files[0];
var reader = new FileReader();
reader.onload = function(e) {
        var imgObj = $(document.createElement('img')).attr('src',reader.result).appendTo('#image_preview_wrapper');
    };
    reader.readAsDataURL(file);
}, false);

问题是如何将图像数据发布到Facebook。 我正在尝试做类似

的事情

var reader = new FileReader();
reader.onload = function(e) {
    var data = reader.result;
    FB.api('/me/photos','post',{ image : data },function(res){
        alert(res);
    });
}
reader.readAsBinaryString(file);

在这种情况下，我无法设置enctype =“multipart / form-data”，而且我收到400 Bad Request。

有人能帮助我吗？