Testaa, onko dragenter / dragover -tapahtumassa tiedostoja - CSS-temppuja

Anonim

HTML5 vedä ja pudota -toiminto on hyvä tiedostolatausten käsittelyyn. Mutta jos se on ainoa asia, käytät sitä, se on mukava tietää, jos jokin tietty dragentertai dragovertapahtumasta todella on tiedostoja. Toisin kuin esimerkiksi vain valitun tekstin vetäminen.

Lähetä tapahtumaobjekti tälle toiminnolle ja se palauttaa totuuden (olettaen, että olet selaimessa, joka tukee tätä kaikkea):

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