Patikrinkite, ar „dragenter“ / „dragover“ įvykyje yra failų - CSS-gudrybės

HTML5 „drag and drop“ yra puikus būdas tvarkyti failų įkėlimus. Bet jei tai vienintelis dalykas, kurį jūs naudojate jį, tai malonu žinoti, jei bet pirma dragenterar dragoverįvykis iš tikrųjų turi failus. Skirtingai nei, pavyzdžiui, tiesiog vilkint tam tikrą pasirinktą tekstą.

Nusiųskite įvykio objektą į šią funkciją ir jis grąžins tiesą (darant prielaidą, kad esate naršyklėje, palaikančioje visa tai):

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