Чтение текстового файла с помощью FileReader в (угловой) TypeScript

Question

Пытается читать простые текстовые файлы, но, похоже, не читает их. Когда я выбираю изображение, оно работает, но когда я выбираю текстовый файл или слово doc, оно говорит мне: sanitizing unsafe URL value

Это код, который я использую:

onFilePicked(event: Event) {
    const filePicked = (event.target as HTMLInputElement).files[0];
    this.form.patchValue({ file: filePicked });
    this.form.get('file').updateValueAndValidity();
    const reader = new FileReader();
    reader.onload = () => {
      this.filePreview = reader.result;
    };
    reader.readAsDataURL(filePicked);
  }

Это HTML-код

<div>
     <button class="btn btn-outline-info btn-sm" type="button" 
     (click)="filePicker.click()">Pick File</button>
     <input type="file" #filePicker (change)="onFilePicked($event)">
     </div>

     <div class="file-preview" *ngIf="filePreview !== '' && filePreview && 
     form.get('file').valid">
      <img [src]="filePreview" [alt]="form.value.title">
</div>

Кто-нибудь замечает ошибку, я читал другие посты, но они используют jQuery. Любые идеи по устранению этой ошибки приветствуются, спасибо!

Answer 1

Для текстовых документов или текста вместо reader.readAsUrl(filePicked); Изменено на reader.readAsText(filePicked);. Также при отображении информации небольшая ошибка имела тег <img> вместо обычного тега div.