Буфер массива не может использоваться для ввода строки Angular. Я пытаюсь показать загруженное изображение на странице

Question

Я использовал фрагмент, чтобы показать изображение, выбранное пользователем. Код работал, но в редакторе я получаю сообщение об ошибке в строке, показанной ниже. Я знал, что как только я остановил сервер разработки и запустил его снова, он больше не будет компилироваться, и это произошло.

 srcFotos: Array<string>;



onFileSelect(event, index) {


      if (event.target.files && event.target.files[0]) {
          const file = event.target.files[0];
  
          const reader = new FileReader();
          reader.onload = e => {
            alert(reader.result);

           this.srcFotos[index] =  reader.result; //Arraybuffer is not assinable to type string
          };
  
          reader.readAsDataURL(file);
      }
     
   

    }

в шаблоне

     <img [src]="srcFotos[1]" class="img-fluid">

Как я уже сказал, код работает как положено, я выбрал изображение, и оно появилось на странице, несмотря на ошибку.

Answer 1

Вы можете заставить компилятор видеть его как строку с помощью as

this.srcFotos[index] = reader.result as string;