Imgur API 版本 3 JavaScript 上传示例答案

【问题标题】：Imgur API Version 3 JavaScript upload exampleImgur API 版本 3 JavaScript 上传示例
【发布时间】：2013-08-07 22:48:42
【问题描述】：

我在网上找到的所有示例都是早期版本的 Imgur API 或非 JS 代码，所有这些都使用新 API 中不存在的 API 密钥。相反，您会得到client_id 和secret。任何人都有示例代码显示如何使用他们的 API 版本 3 通过 JavaScript（或 jQuery）将图像上传到 Imgur？

【问题讨论】：

标签： javascript jquery imgur

【解决方案1】：

$.ajax({ 
    url: 'https://api.imgur.com/3/image',
    headers: {
        'Authorization': 'Client-ID YOUR_CLIENT_ID'
    },
    type: 'POST',
    data: {
        'image': 'helloworld.jpg'
    },
    success: function() { console.log('cool'); }
});

【讨论】：

我收到这条消息：“ POST api.imgur.com/3/image 403 (Permission Denied)”
@vin 非常感谢。几个星期以来一直对此感到困惑。
@acudars 您是否更改了这部分：“YOUR_CLIENT_ID”以及您在此处注册应用后收到的客户端 ID api.imgur.com/oauth2/addclient ？
为什么我得到的响应是 1203 image over capacity？即使我使用了非常小的图像？
@vin 为什么我有错误？ $.ajax({ url: 'https://api.imgur.com/3/image', headers: { 'Authorization': '6b72b886602****' }, type: 'POST', data: { 'image': '111.PNG' }, success: function() { console.log('cool'); } });

【解决方案2】：

以@vin 的示例为基础：

$(document).ready(function() {
    $.ajax({
        url: 'https://api.imgur.com/3/image',
        headers: {
            'Authorization': 'Client-ID a1b2c3d4e5'
        },
        type: 'POST',
        data: {
            'image': image
        },
        success: function(data, status) {
            console.log("Data: " + data.data.link + "\nStatus: " status);
            console.log(data.data.link)
        }
    });
});

这使您可以将 url 保存到文件中。

【讨论】：