Imgur API（400 错误）

Question

可能与谁有关，

我错过了什么吗？尝试通过他们的 API.

对 Imgur 做一个简单的 post

我的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（w/o我的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

任何读到这篇文章的人 post，请暂时意识到我的询问是多么愚蠢...

第一个错误：好吧，有点错误——我在 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 错误）

Imgur API (400 Error)

javascript

upload

imgur

http-status-code-400

angularjs