Блог

Я работаю над приложением Angular 8. У меня есть сценарий, в котором пользователь может выбрать файл и отобразить выбранный файл в контейнере с именем файла и размером. Если пользователь хочет удалить файл и заменить его другим файлом, пользователь должен нажать кнопку отмена, которая также сбросит контейнер и элемент ввода.

HTML:

 lt;div class="container"gt;  {{fileName}} lt;/divgt; lt;input type="file" class="custom-file-input" id="inputGroupFile02"   (change)="onSelectFile($event)" accept=".xlsx, .xls, .csv" #fileUploadgt; lt;span class="input-group-text sidebutton" id=""gt;Cancellt;/spangt;  

.ts

 onSelectFile(event: any): void {  this.selectedFiles = event.target.files;  let name = event.target.files  this.previews = [];  this.fileName = this.selectedFiles[0].name; }  

Включите Эту Кнопку:

 lt;input type="reset" value="Reset"gt;  

Кнопка сбросит все входные данные.