在Angular 4中,可以通过使用HTML的input元素和change事件来获取上传文件的文件名和修改日期。
首先,在HTML模板中添加一个input元素,设置type为file,并绑定change事件:
<input type="file" (change)="onFileSelected($event)">
然后,在组件的代码中,定义一个onFileSelected方法来处理change事件:
onFileSelected(event: any) {
const file: File = event.target.files[0];
const fileName: string = file.name;
const lastModified: Date = new Date(file.lastModified);
console.log('文件名:', fileName);
console.log('修改日期:', lastModified);
}
在onFileSelected方法中,我们通过event.target.files0获取到选择的文件对象,然后可以使用File对象的name属性获取文件名,使用lastModified属性获取修改日期。注意,lastModified返回的是一个时间戳,需要使用Date对象进行转换。
这样,当用户选择文件后,就可以在控制台输出文件名和修改日期了。
关于Angular 4的更多信息和学习资源,你可以参考腾讯云的Angular开发文档:Angular开发文档
领取专属 10元无门槛券
手把手带您无忧上云