使用 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 错误请求。

有人可以帮助我吗？