DataTransferItem: getAsFileSystemHandle() method
The getAsFileSystemHandle()
method of the DataTransferItem
interface returns a FileSystemFileHandle
if the dragged item is a file, or a FileSystemDirectoryHandle
if the dragged item is a directory.
Syntax
Parameters
Return value
Exceptions
Examples
This example uses the getAsFileSystemHandle
method to return file handles
for dropped items.
elem.addEventListener("dragover", (e) => {
e.preventDefault();
});
elem.addEventListener("drop", async (e) => {
e.preventDefault();
for (const item of e.dataTransfer.items) {
if (item.kind === "file") {
const entry = await item.getAsFileSystemHandle();
if (entry.kind === "file") {
} else if (entry.kind === "directory") {
}
}
}
});
Specifications
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 |
getAsFileSystemHandle |
86 |
86 |
No |
No |
72 |
No |
No |
No |
No |
No |
No |
No |
See also