Testa om dragenter / dragover Event innehåller filer - CSS-tricks

Anonim

HTML5 dra och släpp är bra för att hantera filöverföringar. Men om det är det enda du använder det till, är det trevligt att veta om någon speciell dragentereller dragoverhändelse faktiskt har filer. Till skillnad från till exempel bara dra av någon markerad text.

Skicka händelseobjektet till den här funktionen så returnerar sanningen (förutsatt att du befinner dig i en webbläsare som stöder allt detta):

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; )