Skip to content

Instantly share code, notes, and snippets.

@jayprajapati857

jayprajapati857/component.html

Created December 20, 2020 15:32
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save jayprajapati857/f1bf26644d0fd144a00f4d8deab2dc31 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save jayprajapati857/f1bf26644d0fd144a00f4d8deab2dc31 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. jayprajapati857 created this gist Dec 20, 2020.
    14 changes: 14 additions & 0 deletions component.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,14 @@
    <div class="drop-container" ngxFileDrop [options]="options" (uploadOutput)="onUploadOutput($event)"
    [uploadInput]="uploadInput" [ngClass]="{ 'is-drop-over': dragOver }">
    <h1>Drag &amp; Drop</h1>
    </div>

    <label class="upload-button">
    <input type="file" ngxFileSelect [options]="options" (uploadOutput)="onUploadOutput($event)"
    [uploadInput]="uploadInput" multiple>
    or choose file(s)
    </label>

    <button type="button" class="start-upload-btn" (click)="startUpload()">
    Start Upload
    </button>