128 lines
3.4 KiB
JavaScript
128 lines
3.4 KiB
JavaScript
(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";
|
|
|
|
// Progress bars container
|
|
var progressBars = document.getElementById("imgur-upload-progress"),
|
|
currentProgressBar = document.createElement("div");
|
|
|
|
// Set progress bar attributes
|
|
currentProgressBar.className='imgur-progress-bar';
|
|
currentProgressBar.style.width = '0';
|
|
|
|
// Append progress bar
|
|
progressBars.appendChild(currentProgressBar);
|
|
|
|
// 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.onload = function() {
|
|
|
|
// Remove progress bar
|
|
currentProgressBar.parentNode.removeChild(currentProgressBar);
|
|
|
|
// Check state and response status
|
|
if(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);
|
|
}
|
|
|
|
} else {
|
|
showErrorMsg();
|
|
}
|
|
|
|
} else {
|
|
showErrorMsg();
|
|
}
|
|
|
|
};
|
|
|
|
if( "upload" in xhttp ) {
|
|
|
|
// Set progress
|
|
xhttp.upload.onprogress = function (event) {
|
|
|
|
// Check if we can compute progress
|
|
if (event.lengthComputable) {
|
|
// Complete in percent
|
|
var complete = (event.loaded / event.total * 100 | 0);
|
|
|
|
// Set progress bar width
|
|
currentProgressBar.style.width = complete + '%';
|
|
}
|
|
};
|
|
|
|
}
|
|
|
|
// Send request with form data
|
|
xhttp.send(fd);
|
|
|
|
};
|
|
|
|
var showErrorMsg = function() {
|
|
// Show error msg
|
|
$rootScope.uploadError = true;
|
|
$rootScope.$apply();
|
|
|
|
// Hide after 5 seconds
|
|
setTimeout(function(){
|
|
// Hide error msg
|
|
$rootScope.uploadError = false;
|
|
$rootScope.$apply();
|
|
}, 5000);
|
|
};
|
|
|
|
return {
|
|
process: process
|
|
};
|
|
|
|
}]);
|
|
|
|
})();
|