File to array buffer directive

Author: facetrollex

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fctrlx-file-to-base64",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "peerDependencies": {
     "@angular/common": "^7.2.0",
     "@angular/core": "^7.2.0"

src/lib/converted.ts

@@ -3,4 +3,6 @@ export interface Converted {
   size: number;
   type: string;
   base64?: string;
+  text?: string;
+  arrBuf?: any;
 }

src/lib/fctrlx-file-to-array-buffer.directive.ts

@@ -0,0 +1,27 @@
+import {
+    Directive,
+    ElementRef,
+    EventEmitter,
+    Input,
+    Output,
+} from '@angular/core';
+import { Base } from './Base';
+
+@Directive({
+  selector: '[fileToArrBuf]',
+})
+export class FctrlxFileToArrayBufferDirective extends Base {
+  @Input() files: any;
+  @Input() type: string;
+  @Input() multiple: undefined | null | string | boolean;
+
+  @Output() filesChange: EventEmitter<any> = new EventEmitter();
+
+  constructor(element: ElementRef) {
+    super('fileToArrBuf', element);
+  }
+
+  filesChanged(event: Event): void {
+    super.filesChanged(event, 'readAsArrayBuffer', 'arrBuf');
+  }
+}

src/lib/fctrlx-file-to-base64.directive.ts

@@ -11,7 +11,6 @@ import { Base } from './Base';
   selector: '[fileToBase64]',
 })
 export class FctrlxFileToBase64Directive extends Base {
-
   @Input() files: any;
   @Input() type: string;
   @Input() multiple: undefined | null | string | boolean;

src/lib/fctrlx-file-to-base64.module.ts

@@ -1,10 +1,19 @@
 import { NgModule } from '@angular/core';
 import { FctrlxFileToBase64Directive } from './fctrlx-file-to-base64.directive';
 import { FctrlxFileToTextDirective } from './fctrlx-file-to-text.directive';
+import { FctrlxFileToArrayBufferDirective } from './fctrlx-file-to-array-buffer.directive';
 
 @NgModule({
   imports: [],
-  declarations: [FctrlxFileToBase64Directive, FctrlxFileToTextDirective],
-  exports: [FctrlxFileToBase64Directive, FctrlxFileToTextDirective],
+  declarations: [
+    FctrlxFileToBase64Directive,
+    FctrlxFileToTextDirective,
+    FctrlxFileToArrayBufferDirective,
+  ],
+  exports: [
+    FctrlxFileToBase64Directive,
+    FctrlxFileToTextDirective,
+    FctrlxFileToArrayBufferDirective,
+  ],
 })
 export class FctrlxFileToBase64 { }

src/lib/fctrlx-file-to-text.directive.ts

@@ -8,7 +8,7 @@ import {
 import { Base } from './Base';
 
 @Directive({
-    selector: '[fileToText]',
+  selector: '[fileToText]',
 })
 export class FctrlxFileToTextDirective extends Base {
   @Input() files: any;