以下是一个使用Angular FileReader来访问文件列表的示例代码:
selectedFile: File;
onFileSelected(event) {
this.selectedFile = event.target.files[0];
}
readFile() {
if (this.selectedFile) {
const reader = new FileReader();
reader.onload = (e) => {
const contents = e.target.result;
console.log(contents); // 在控制台中打印文件内容
};
reader.readAsText(this.selectedFile);
}
}
在上面的代码中,onFileSelected
方法会在文件选择器的值改变时被触发,它会将选择的文件存储在selectedFile
变量中。
readFile
方法会创建一个FileReader
实例并将其绑定到onload
事件。当文件加载完成后,onload
事件处理程序会将文件内容存储在contents
变量中,并在控制台中打印出来。最后,readAsText
方法会开始读取文件内容。
请注意,这只是一个简单的示例,用于说明如何使用Angular FileReader来访问文件列表。在实际应用中,您可能需要根据您的需求进行适当的修改和扩展。