jquery - Imgur API Version 3 JavaScript upload example - Stack Overflow

admin管理员组

文章数量:1200364

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?

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?

• javascript
• jquery
• imgur

Share Improve this question Follow asked Aug 6, 2013 at 19:08 user967451user967451

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 21

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

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.

本文标签： jqueryImgur API Version 3 JavaScript upload exampleStack Overflow