Angular 用剑道界面和角度显示上传文件的日期
我正在使用剑道用户界面上传文件,我想显示上传文件的名称、大小和日期 这是my component.html:Angular 用剑道界面和角度显示上传文件的日期,angular,kendo-ui,kendo-upload,Angular,Kendo Ui,Kendo Upload,我正在使用剑道用户界面上传文件,我想显示上传文件的名称、大小和日期 这是my component.html: <kendo-upload class="mobile-max-height-240" style="margin-top:2%;" (select)="onSelect($event)" (remove)="onRemove($event)"[re
<kendo-upload class="mobile-max-height-240" style="margin-top:2%;"
(select)="onSelect($event)" (remove)="onRemove($event)"[restrictions]="fileRestrictions"
[(ngModel)]="addedfiles">
<kendo-upload-messages
[dropFilesHere]="''"
[select]="'Add'"
[retry]="'retry'"
[remove]="'cancel'">
</kendo-upload-messages>
<span style ="color : black ; font-size: xx-small; padding-left: 60%;"> Date: {{date |
date : 'dd/mm/y'}}</span>
</kendo-upload>
日期:{{Date|
日期:'dd/mm/y'}
这是我的组件。ts:
export class FilesUploadComponent implements OnInit {
date = new Date();
addedfiles : Array<any> = [];
fileRestrictions: FileRestrictions = {
allowedExtensions: ['.jpg', '.png', '.jpeg', '.doc', '.docx','.pdf'],
maxFileSize: 5000000
};
constructor(private router : Router) { }
ngOnInit() {
}
// select a file from your device
public onSelect(ev: any): void {
ev.files.forEach((file: FileInfo) => {
if (file.rawFile) {
const reader = new FileReader();
if(this.fileRestrictions.allowedExtensions.includes(file.extension.toLowerCase()))
{reader.onloadend = () => {
this.addedfiles.push({ ...file, src: reader.result as string});
};
reader.readAsDataURL(file.rawFile);
}
}
});
}
// remove a selected file
public onRemove(ev: RemoveEvent): void {
ev.files.forEach((file: FileInfo) => {
this.addedfiles = this.addedfiles.filter(f => f.uid !== file.uid);
});
}
导出类FileUploadComponent实现OnInit{
日期=新日期();
addedfiles:Array=[];
文件限制:文件限制={
允许的扩展:['.jpg'、'.png'、'.jpeg'、'.doc'、'.docx'、'.pdf'],
最大文件大小:5000000
};
构造函数(专用路由器:路由器){}
恩戈尼尼特(){
}
//从设备中选择一个文件
公共onSelect(ev:any):无效{
ev.files.forEach((文件:FileInfo)=>{
if(file.rawFile){
const reader=new FileReader();
if(this.fileRestrictions.allowedExtensions.includes(file.extension.toLowerCase()))
{reader.onloadend=()=>{
this.addedfiles.push({…文件,src:reader.result as string});
};
reader.readAsDataURL(file.rawFile);
}
}
});
}
//删除选定的文件
公共onRemove(ev:RemoveEvent):无效{
ev.files.forEach((文件:FileInfo)=>{
this.addedfiles=this.addedfiles.filter(f=>f.uid!==file.uid);
});
}
但是日期没有显示!有人帮我吗