kcdBase64

kcd-base-64.js

angular.module('app').directive('kcdBase64', function () {
  'use strict';
  return {
    restrict: 'A',
    template: [
      '<span class="button file-upload-button">',
        '<span>Select Image</span>',
        '<input type="file" class="input-file" accept="image/*">',
      '</span>'
    ].join(''),
    scope: {
      onBase64Loaded: '&kcdBase64'
    },
    link: function (scope, el) {
      el.find('input').on('change', function() {
        if (this.files && this.files[0]) {
          // Base64 file
          var FR = new FileReader();
          FR.onload = function(e) {
            scope.onBase64Loaded({base64:e.target.result});
            scope.$root.safeApply();
          };
          FR.readAsDataURL(this.files[0]);
        }
      });
    }
  };
});