Imgur API（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>

我的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在授權自己之前做點事情。 他們告訴您在[documentation] [1]中正確執行此操作，因此實際上沒有任何理由回避此操作。 因此，我需要做的就是授權，首先要做一個$http.get('https://api.imgur.com/oauth2/authorize?client_id=<client_id>&response_type=<response_type>').then(function(data){ console.log(awesomeImgurData); });