The File API represents and reads from file data and metadata. Typically, you get files through other APIs, such as the <input type="file"> element or drag-and-drop events. You may also send file data to other APIs, such as creating images or drawing on canvases.

Learning resources on MDN

• Blob
• Blob: Blob() constructor
• Blob: arrayBuffer() method
• Blob: bytes() method
• Blob: size property
• Blob: slice() method
• Blob: stream() method
• Blob: text() method
• Blob: type property
• File
• File: File() constructor
• File: lastModified property
• File: name property
• FileList
• FileList: item() method
• FileList: length property
• FileReader
• FileReader: FileReader() constructor
• FileReader: abort() method
• FileReader: abort event
• FileReader: error property
• FileReader: error event
• FileReader: load event
• FileReader: loadend event
• FileReader: loadstart event
• FileReader: progress event
• FileReader: readAsArrayBuffer() method
• FileReader: readAsDataURL() method
• FileReader: readAsText() method
• FileReader: readyState property
• FileReader: result property
• FileReaderSync
• FileReaderSync: FileReaderSync() constructor
• FileReaderSync: readAsArrayBuffer() method
• FileReaderSync: readAsDataURL() method
• FileReaderSync: readAsText() method
• URL: createObjectURL() static method
• URL: revokeObjectURL() static method

Browser support (view on caniuse.com)

• Chrome 38 Released on 2014-10-07
• Chrome Android 38 Released on 2014-10-08
• Edge 79 Released on 2020-01-15
• Firefox 28 Released on 2014-03-18
• Firefox for Android 28 Released on 2014-03-18
• Safari 10.1 Released on 2017-03-27
• Safari on iOS 10.3 Released on 2017-03-27

Edit this feature - Report an issue about this feature