Testen Sie, ob das Dragenter / Dragover-Ereignis Dateien enthält CSS-Tricks

HTML5 Drag & Drop eignet sich hervorragend für das Hochladen von Dateien. Aber wenn das das Einzige , was Sie es verwenden für, es ist schön zu wissen , ob ein bestimmtes dragenteroder dragoverEreignis tatsächlich Dateien. Im Gegensatz zum Beispiel nur zum Ziehen eines ausgewählten Textes.

Senden Sie das Ereignisobjekt an diese Funktion, und es gibt die Wahrheit zurück (vorausgesetzt, Sie befinden sich in einem Browser, der all dies unterstützt):

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