<div class="root">
- <div>
- <div class="button-file">
- <span>{{ inputLabel }}</span>
- <input
- type="file"
- [name]="inputName" [id]="inputName" [accept]="videoImageExtensions"
- (change)="fileChange($event)"
- />
- </div>
- <div i18n class="image-constraints">(extensions: {{ videoImageExtensions }}, max size: {{ maxVideoImageSize | bytes }})</div>
- </div>
+ <my-reactive-file
+ [inputName]="inputName" [inputLabel]="inputLabel" [extensions]="videoImageExtensions" [maxFileSize]="maxVideoImageSize"
+ (fileChanged)="onFileChanged($event)"
+ ></my-reactive-file>
<img *ngIf="imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" [src]="imageSrc" class="preview" />
<div *ngIf="!imageSrc" [ngStyle]="{ width: previewWidth, height: previewHeight }" class="preview no-image"></div>