Using File in Typescript

Question

I am writing a web application using Angular 4 and Typescript. I need the date of a file to upload and try to use the File objects lastModified property, but Typescript gives me an error

Property 'lastModified' does not exist on type 'File'.

If I look in the definition it instead have the lastModifiedDate as a property. According to https://developer.mozilla.org/en-US/docs/Web/API/File/lastModifiedDate that property is depriciated. I have however tried it and it works in Chrome, but fails in Safari.

How can I use File lastModified property from Typescript?

Please provide peace of code for people to see if you are doing it right. — komron
– komron, Commented Nov 1, 2017 at 20:04
But File.lastModified does not exist in lib.dom.d.ts: interface: File extends Blob { readonly lastModifiedDate: any; readonly name: string; readonly webkitRelativePath: string; } — Jørgen Rasmussen
– Jørgen Rasmussen, Commented Nov 1, 2017 at 20:08

Andrey · Accepted Answer · 2017-11-01 20:10:15Z

5

Try

interface MyFile extends File {
    lastModified: any;
}

let myFile = <MyFile>originalFile;
let lm = myFile.lastModified;

answered Nov 1, 2017 at 20:10

Andrey

5593 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

cachius · Accepted Answer · 2023-06-30 05:07:05Z

0

Also for lastModifiedDate, which is deprecated but for now still around in Chrome and was the only option in IE:

// use non-deprecated lastModified field instead 
new Date(file.lastModified)


// in-line type assertion
(file as unknown as { lastModifiedDate: Date }).lastModifiedDate

// type assertion with special type
type DateFile = File & {
  lastModifiedDate: Date;
};
...
(file as DateFile).lastModifiedDate

will prevent TS2551 Property 'lastModifiedDate' does not exist on type 'File'. Did you mean 'lastModified'? ts(2551) error by using lastModified instead or asserting that it exists.

edited Jun 30, 2023 at 5:07

answered Jun 30, 2023 at 5:01

cachius

2,0151 gold badge11 silver badges30 bronze badges

Collectives™ on Stack Overflow

Using File in Typescript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related