Imgur API Version 3 JavaScript upload example

Question

All the examples I find online are of earlier versions of the Imgur API or non JS code all of which uses an API key which doesn't exist in the newer API. Instead you get a client_id and secret. Anyone have example code that shows how an image can be uploaded to Imgur through JavaScript (or jQuery) using version 3 of their API?

Answer 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'); }
});

Answer 2

Building on @vin's example here is one:

$(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)
        }
    });
});

This lets you save the url to the file.