Testige, kas dragenteri / dragoveri sündmus sisaldab faile - CSS-trikid

Anonim

HTML5 drag and drop on failide üleslaadimise haldamiseks suurepärane. Aga kui see on ainus asi, mida kasutate seda, see on tore teada, kas mingit erilist dragentervõi dragoversündmus tegelikult on faile. Erinevalt näiteks lihtsalt valitud teksti lohistamisest.

Saatke sündmuse objekt sellele funktsioonile ja see tagastab tõe (eeldades, et olete brauseris, mis seda kõike toetab):

function containsFiles(event) ( if (event.dataTransfer.types) ( for (var i = 0; i < event.dataTransfer.types.length; i++) ( if (event.dataTransfer.types(i) == "Files") ( return true; ) ) ) return false; )