Preverite, ali dogodek dragenter / dragover vsebuje datoteke - CSS-triki

Anonim

Povleci in spusti HTML5 je odličen za obdelavo naloženih datotek. Ampak, če je to edina stvar, ki jo uporabljate za, to je lepo, da vem, če sploh še zlasti dragenter, ali dragoverje dogodek dejansko datotek. Za razliko od na primer samo vlečenja določenega besedila.

Pošljite objekt dogodka tej funkciji in vrnil bo resnico (ob predpostavki, da ste v brskalniku, ki vse to podpira):

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