[英]Read text file using FileReader in (Angular)TypeScript
尝试读取简单的文本文件,但似乎无法读取。 当我选择图像时,它可以工作,但是当我选择文本文件或Word文档时,它告诉我: 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。 欢迎解决这个错误的任何想法,谢谢!
用于单词文档或文本,而不是具有reader.readAsUrl(filePicked);
更改为reader.readAsText(filePicked);
。 同样,在显示信息时,一个小错误是使用<img>
标签而不是常规的div标签。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.