Teste se o evento dragenter / dragover contém arquivos - CSS-Tricks

Anonim

Arrastar e soltar HTML5 é ótimo para lidar com uploads de arquivos. Mas se essa é a única coisa para a qual você está usando, é bom saber se algum evento dragenterou particular dragoverrealmente possui arquivos. Ao contrário, por exemplo, apenas de arrastar algum texto selecionado.

Envie o objeto de evento para esta função e ele retornará a verdade (supondo que você esteja em um navegador que suporta tudo isso):

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