I am occasionally getting this error when trying to remotely upload to imgur: Failed to load resource: the server responded with a status of 403 (Forbidden). But not all the time and that is suspicious.
Here is my code:
/* Drag and drop */
window.ondragover = function(e) {
e.preventDefault();
};
window.ondrop = function(e) {
e.preventDefault();
upload(e.dataTransfer.files[0]);
};
function upload(file) {
document.getElementById("view1").style.display = "none";
document.getElementById("loading").style.display = "inline";
var imageLink = "";
/* Is the file an image? */
if (!file || !file.type.match(/image.*/)) return;
document.body.className = "uploading";
var fd = new FormData();
fd.append("image", file); // Append the file
fd.append("key", "6528448c258cff474ca9701c5bab6927"); // The key
var xhr = new XMLHttpRequest();
xhr.open("POST", "http://api.imgur.com/2/upload.json");
xhr.onload = function() {
var link = JSON.parse(xhr.responseText).upload.links.imgur_page;
document.getElementById("loading").style.display = "none";
document.querySelector("#link").href = link;
document.querySelector("#link").innerHTML = link;
var imageLink = ""+document.querySelector("#link").innerHTML.replace("http://imgur.com/", "http://i.imgur.com/")+".jpg";
/* Image Preview */
document.getElementById("result").style.display = "inline";
document.getElementById("link-to-image").style.background = "url(" + imageLink + ") center center no-repeat";
document.body.className = "uploaded";
};
/* Send the formdata */
xhr.send(fd);
/* Remove the button */
document.getElementById("button").remove();
};
The answer is simple - with too many requests that are happening in a short period of time Imgur is blocking some of them. I guess this is not the case for business customers.