Блог

Главная - Вопросы по программированию - Я пытаюсь сбросить выбранный файл с типом файла входного тега в Angular 9/10, я погуглил и нашел решение, но оно не работает

Я пытаюсь сбросить выбранный файл с типом файла входного тега в Angular 9/10, я погуглил и нашел решение, но оно не работает

#typescript #angular9

#typescript #angular9

Вопрос:

component.ts

   @ViewChild("editphoto",{static:false}) editphoto: ElementRef;

removePhoto(){

this.editphoto.nativeElement.value = '';

}



uploadEditFile(event) {

const file = (event.target as HTMLInputElement).files[0];
this.editPostForm.patchValue({
  image: file,
});
this.editPostForm.get("image").updateValueAndValidity();
// File Preview
const reader = new FileReader();
reader.onload = () => {
  this.showCloseButton = true;
  this.imageURL = reader.result as string;
};
reader.readAsDataURL(file);


 }

component.html

  <input #editphoto type="file" class="form-control" accept="image/*" (change)="uploadEditFile($event)"/>

<button click="removePhoto()">reset photo</button>

Я получаю сообщение об ошибке VM6770 vendor.js:36534 ОШИБКА TypeError: не удается прочитать свойство ‘nativeElement’ неопределенного, пожалуйста, помогите мне

Комментарии:

1. используйте (click)="" вместо click="" , надеюсь, это сработает.

2. Да, я пытался, он показывает то же сообщение об ошибке

3. не могли бы вы обновить весь свой код, я получаю сообщение об ошибке f.image.errors и editPostForm т. Д.

4. Я получаю эту ошибку, когда нажимаю кнопку «Удалить фотографию», я не думаю f.image.errors,editPostForm , что .etc вызывает беспокойство, вы можете видеть, что я удалил класс

5. Спасибо @HarishS за его работу (ваш пример) stackblitz.com/edit /…