Imgur (400错误)

Question

与之相关的人，

我是不是遗漏了什么？试图通过他们的API做一个简单的帖子给Imgur。

我的HTML

<form>
    <input id="profPic" type="file" ng-model="profilePicture" name="pic" accept="image/*">
    <button class="btn btn-invers btn-lg" ng-click="imgurTime()" type="submit">Imgur Upload</button>
</form>

My JavaScript (w/o我的客户id)

$scope.imgurTime = function(){
      console.log($scope.profilePicture);
        $.ajax({
            url: 'https://api.imgur.com/3/upload',
            headers: {
                'Authorization': 'Client-ID < a;lskdjfal;sdfj >'
            },
            type: 'POST',
            data: {
                'image': document.getElementById('profPic').value
            },
            success: function() { console.log('cool'); }
        })
}

浏览器错误

发布https://api.imgur.com/3/upload 400 (不良请求)

预先感谢你对这个问题的任何启示。

Answer 1

任何阅读这篇文章的人，都会意识到，我的调查完全是愚蠢的.

第一个错误:嗯，有点错误--我在一个有角度的应用程序中使用了ajax，在这个应用程序中，我可以并且应该只使用Angular的内置$http服务。

第二:在授权我自己之前，我要求Imgur做一些事情。他们告诉你要在文档中正确地做这件事，所以没有任何借口来回避这个问题。因此，我需要做的就是授权，首先，执行一个$http.get('https://api.imgur.com/oauth2/authorize?client_id=<client_id>&response_type=<response_type>').then(function(data){ console.log(awesomeImgurData); });