<input #fileUpload [hidden]="true" type="file" ng2FileSelect [uploader]="uploader" [multiple]="multiple" accept="image/*" />
<div class="app-image-upload-multiple">
  <ion-item *ngIf="labelText" class="app-image-upload-title" lines="none">
    <ion-label slot="start">
      {{ labelText }}<span class="stars" *ngIf="allowEmpty">*</span>
    </ion-label>
    <span slot="end">
      <ion-icon class="app-image-upload-button" [hidden]="disabled" name="images"
        (click)="fileSelect()" color="primary"></ion-icon>
    </span>
  </ion-item>
  <div class="app-image-upload-content">
    <ion-grid>
      <ion-row>
        <ion-col size="3" *ngFor="let item of files; let i = index;">
          <div class="image-item">
            <div class="example">
              <div class="image-item-delete">
                <ion-icon [hidden]="disabled" name="close-circle" (click)="deleteFile(item.id, i)" color="primary"></ion-icon>
              </div>
              <img (click)="preview(i)" src="{{ url + item.id}}">
            </div>
          </div>
        </ion-col>
      </ion-row>
    </ion-grid>
  </div>
</div>