FileSystem
The File and Directory Entries API interface FileSystem is used to represent a file system. These objects can be obtained from the filesystem property on any file system entry. Some browsers offer additional APIs to create and manage file systems, such as Chrome's requestFileSystem() method.
This interface will not grant you access to the users filesystem. Instead you will have a "virtual drive" within the browser sandbox. If you want to gain access to the users filesystem you need to invoke the user by eg. installing a Chrome extension. The relevant Chrome API can be found here.
Basic concepts
There are two ways to get access to a FileSystem object:
- You can directly ask for one representing a sandboxed file system created just for your web app directly by calling
window.requestFileSystem(). If that call is successful, it executes a callback handler, which receives as a parameter aFileSystemobject describing the file system. - You can get it from a file system entry object, through its
filesystemproperty.
Properties
-
FileSystem.nameRead only -
A
USVStringrepresenting the file system's name. This name is unique among the entire list of exposed file systems. -
FileSystem.rootRead only -
A
FileSystemDirectoryEntryobject which represents the file system's root directory. Through this object, you can gain access to all files and directories in the file system.
Specifications
| Specification |
|---|
| File and Directory Entries API # api-domfilesystem |
Browser compatibility
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
FileSystem |
7 |
≤18
Edge only supports this API in drag-and-drop scenarios using the the
DataTransferItem.webkitGetAsEntry() method. It's not available for use in file or folder picker panels (such as when you use an <input> element with the HTMLInputElement.webkitdirectory attribute. |
50 |
No |
15 |
11.1 |
≤37 |
18 |
50 |
14 |
11.3 |
1.0 |
name |
7 |
≤18 |
50 |
No |
15 |
11.1 |
≤37 |
18 |
50 |
14 |
11.3 |
1.0 |
root |
7 |
≤18 |
50 |
No |
15 |
11.1 |
≤37 |
18 |
50 |
14 |
11.3 |
1.0 |
See also
- File and Directory Entries API
- Introduction to the File System API
-
FileSystemEntry,FileSystemFileEntry, andFileSystemDirectoryEntry - MSDN article: WebKitFileSystem object
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/FileSystem