AngularJS:将图片上传到facebook图表api,作为multipart / formdata

时间:2015-10-06 04:59:50

标签: angularjs facebook facebook-graph-api

我正在尝试使用上面显示的方法将照片上传到Facebook https://developers.facebook.com/docs/graph-api/reference/user/photos/

如果使用url参数已经在互联网上的照片,我可以上传工作。如下所示。

$scope.uploadPicture = function () {        
    FB.api(
        "/me/photos", 'post', {
            caption: "Testing uploadPicture",
            access_token: authFact.getAccessToken(),
            url: 'http://www.website.com/somejpg.jpg'
        },
        function (response) {
                if (response && !response.error) {
                    console.log(response);
                } 
            }
        );
    };

我希望能够将本地计算机上的图片作为multipart / form-data发布。

有人能指出我正确的方向吗?

我的HTML看起来像这样

<form>
            <div class="form-group">
                <label for="fileInput">File input</label>
                <input type="file" id="fileInput">
                <p class="help-block">Example block-level help text here.</p>
            </div>
            <div class="form-group">
                <label for="itemName">Name: </label>
                <input type="text" class="form-control" id="itemName" placeholder="Enter Name here..">
            </div>
            <button type="submit" class="btn btn-default">Submit</button>
        </form>

1 个答案:

答案 0 :(得分:0)

尝试使用source而不是url,url用于已经在互联网上的文件。

<input type="file" id="souce">