Skip to content

Instantly share code, notes, and snippets.

Last active July 3, 2024 14:23
Show Gist options
  • Save eirikb/7404666 to your computer and use it in GitHub Desktop.
Save eirikb/7404666 to your computer and use it in GitHub Desktop.
Post to imgur using oauth (api v3) on a static (no server) site
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>imgur oauth</title>
<script src=""></script>
$(function () {
var extractToken = function(hash) {
var match = hash.match(/access_token=(\w+)/);
return !!match && match[1];
var $post = $('.post');
var $msg = $('.hidden');
var $img = $('img');
$ {
localStorage.doUpload = true;
localStorage.imageBase64 = $img.attr('src').replace(/.*,/, '');
var token = extractToken(document.location.hash);
if (token && JSON.parse(localStorage.doUpload)) {
localStorage.doUpload = false;
url: '',
method: 'POST',
headers: {
Authorization: 'Bearer ' + token,
Accept: 'application/json'
data: {
image: localStorage.imageBase64,
type: 'base64'
success: function(result) {
var id =;
window.location = '' + id;
.hidden {
display: none;
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">
<a class="post" href="">
Post image to imgur
<div class="hidden">
<p>Posting to imgur...</p>
Copy link

error imgur api help my

Copy link

PaulBaretto commented Dec 22, 2023

Do you think I can push images to Imgur with Api?
I'm making a website for memes, on which users can view the memes and upload memes. so for the time being I was thinking of using your API for uploading images from my site and previewing it again with Fatch.
For any queries drop a line here as well

Thank You.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment