Test om dragenter / dragover Event indeholder filer - CSS-tricks

Anonim

HTML5 træk og slip er fantastisk til håndtering af filuploads. Men hvis det er det eneste, du bruger det til, er det rart at vide, om en bestemt dragentereller dragoverbegivenhed faktisk har filer. I modsætning til for eksempel bare trækning af en markeret tekst.

Send begivenhedsobjektet til denne funktion, så returnerer det sandheden (forudsat at du er i en browser, der understøtter alt dette):

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