Merge pull request georgipeltekov#171 from Saurye/master

Add directory parameter

Author: georgipeltekov

README.md

@@ -147,6 +147,7 @@ Name  | Description | Example |
 (onFileOver)  | On drop over function| (onFileOver)="fileOver($event)"
 (onFileLeave)  | On drop leave function| (onFileLeave)="fileLeave($event)"
 accept  | String of accepted formats | accept="png"
+directory  | Whether directories are accepted | directory="true"
 dropZoneLabel  | Text to be displayed inside the drop box | dropZoneLabel="Drop files here"
 dropZoneClassName  | Custom style class name(s) to be used on the "drop-zone" area | dropZoneClassName="my-style"
 contentClassName  | Custom style class name(s) to be used for the content area | contentClassName="my-style"

src/ngx-file-drop/ngx-file-drop.component.html

@@ -4,14 +4,19 @@
      (dragover)="onDragOver($event)"
      (dragleave)="onDragLeave($event)">
   <div [className]="contentClassName">
-      <input 
-        type="file" 
-        #fileSelector 
-        [accept]="accept" 
-        [multiple]="multiple"
-        (change)="uploadFiles($event)" 
-        class="ngx-file-drop__file-input" 
-      />
+    <input 
+      type="file" 
+      #fileSelector 
+      [accept]="accept" 
+      [attr.directory]="directory || undefined" 
+      [attr.webkitdirectory]="directory || undefined"
+      [attr.mozdirectory]="directory || undefined"
+      [attr.msdirectory]="directory || undefined"
+      [attr.odirectory]="directory || undefined"
+      [multiple]="multiple"
+      (change)="uploadFiles($event)" 
+      class="ngx-file-drop__file-input" 
+    />
 
     <ng-template #defaultContentTemplate>
       <div *ngIf="dropZoneLabel" class="ngx-file-drop__drop-zone-label">{{dropZoneLabel}}</div>

src/ngx-file-drop/ngx-file-drop.component.ts

@@ -27,6 +27,9 @@ export class NgxFileDropComponent implements OnDestroy {
   @Input()
   public accept: string = '*';
 
+  @Input()
+  public directory: boolean = false;
+
   @Input()
   public multiple: boolean = true;