glowingbear-mainbox/js/imgur.js

(function() {
'use strict';

var weechat = angular.module('weechat');

weechat.factory('imgur', ['$rootScope', function($rootScope) {

	var process = function(image, callback) {

		// Is it an image?
		if (!image || !image.type.match(/image.*/)) return;

		// New file reader
		var reader = new FileReader();

		// When image is read
		reader.onload = function (event) {
			var image = event.target.result.split(',')[1];
			upload(image, callback);
		};

		// Read image as data url
		reader.readAsDataURL(image);

	};

	// Upload image to imgur from base64
	var upload = function( base64img, callback ) {

                // Set client ID (Glowing Bear)
                var clientId = "164efef8979cd4b";

		// Create new form data
		var fd = new FormData();
		fd.append("image", base64img); // Append the file
		fd.append("type", "base64"); // Set image type to base64

		// Create new XMLHttpRequest
		var xhttp = new XMLHttpRequest();

		// Post request to imgur api
		xhttp.open("POST", "https://api.imgur.com/3/image", true);

		// Set headers
		xhttp.setRequestHeader("Authorization", "Client-ID " + clientId);
		xhttp.setRequestHeader("Accept", "application/json");

		// Handler for response
		xhttp.onreadystatechange = function() {

			// Check state and response status
			if (xhttp.readyState == 4 && xhttp.status == 200) {

				// Get response text
				var response = JSON.parse(xhttp.responseText);

				// Send link as message
				if( response.data && response.data.link ) {
					if (callback && typeof(callback) === "function") {
						callback(response.data.link);
					}
				}
			}

		};

		// Send request with form data
		xhttp.send(fd);

	};

	return {
        process: process
    };

}]);

})();