JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

JavaScript

var ouput;

              function convertImgToBase64(url, callback, outputFormat) {
                  var canvas = document.createElement('CANVAS');
                  var ctx = canvas.getContext('2d');
                  var img = new Image();
                  img.crossOrigin = 'Anonymous';
                  img.onload = function () {
                      canvas.height = img.height;
                      canvas.width = img.width;
                      ctx.drawImage(img, 0, 0);
                      var dataURL = canvas.toDataURL(outputFormat || 'image/png');
                      callback.call(this, dataURL);
                      // Clean up
                      canvas = null;
                  };
                  img.src = url;
              }

              $.ajax({
                  url: 'https://api.imgur.com/3/gallery/random/random/page=' + num,
                  method: 'GET',
                  headers: {
                      Authorization: authorization,
                      Accept: 'application/json'
                  },
                  crossDomain: true,
                  data: {
                      image: localStorage.dataBase64,
                      type: 'base64'
                  },
                  beforeSend: function () {
                      $('#preloader').css('display', 'block');
                  },
                  success: handleData
              });


              function handleData(result) {
                  $('#preloader').fadeOut('slow');
                  $.each(result.data, function (idx, image) {
                      if (result.data[idx].animated === false) {
                          if (result.data[idx].is_album === false) {

                              var rimgur = image.link;
                              var output

                              convertImgToBase64(rimgur, function (base64Img) {
                              output = base64Img;
                              });

                             ...