24 lines
605 B
JavaScript
24 lines
605 B
JavaScript
|
function dropHandler(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
|
||
|
|
if (e.dataTransfer.items) {
|
||
|
|
// Use DataTransferItemList interface to access the file(s)
|
||
|
|
[...e.dataTransfer.items].forEach((item, i) => {
|
||
|
|
// If dropped items aren't files, reject them
|
||
|
|
if (item.kind === "file") {
|
||
|
|
const file = item.getAsFile();
|
||
|
|
console.log(`… file[${i}].name = ${file.name}`);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
} else {
|
||
|
|
// Use DataTransfer interface to access the file(s)
|
||
|
|
[...e.dataTransfer.files].forEach((file, i) => {
|
||
|
|
console.log(`… file[${i}].name = ${file.name}`);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function dragOverHandler(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
}
|