Prueba si el evento dragenter / dragover contiene archivos - Trucos CSS

Anonim

La función de arrastrar y soltar HTML5 es ideal para manejar la carga de archivos. Pero si eso es lo único que se está utilizando para, es bueno saber si alguno en particular dragentero dragoverevento en realidad tiene archivos. A diferencia, por ejemplo, de solo arrastrar algún texto seleccionado.

Envíe el objeto de evento a esta función y le devolverá la verdad (suponiendo que esté en un navegador que admita todo esto):

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