facebook - 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 が発生します。

誰でも私を助けることができますか？