Sprawdź, czy zdarzenie dragenter / dragover zawiera pliki - CSS-Tricks

Anonim

Przeciąganie i upuszczanie HTML5 doskonale nadaje się do obsługi przesyłania plików. Ale jeśli to jedyna rzecz, do której go używasz, dobrze jest wiedzieć, czy jakieś wydarzenie dragenterlub dragoverwydarzenie faktycznie zawiera pliki. W przeciwieństwie na przykład do przeciągania zaznaczonego tekstu.

Wyślij obiekt zdarzenia do tej funkcji, a zwróci ona prawdę (zakładając, że jesteś w przeglądarce, która to wszystko obsługuje):

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