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>

我的JavaScript （没有我的imgur客户端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'); }
        })
}

浏览器错误

POST https://api.imgur.com/3/upload 400（错误请求）

提前感谢您对此主题的任何启示

Answer 1

对于阅读这篇文章的人来说，暂时意识到我的询问是完全愚蠢的......

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

第二：我在授权自己之前要求Imgur API做一些事情。他们告诉你在[文档] [1]中这样做，所以没有理由回避这一点。因此，我需要做的就是授权，首先要做$http.get('https://api.imgur.com/oauth2/authorize?client_id=<client_id>&response_type=<response_type>').then(function(data){ console.log(awesomeImgurData); });

Imgur API（400错误）

1 个答案: