Teste si l'événement dragenter / dragover contient des fichiers - Astuces CSS

Anonim

Le glisser-déposer HTML5 est idéal pour gérer les téléchargements de fichiers. Mais si c'est la seule chose pour laquelle vous l'utilisez, il est bon de savoir si un événement dragenterou un dragoverévénement particulier contient réellement des fichiers. Contrairement, par exemple, au simple glissement de certains textes sélectionnés.

Envoyez l'objet événement à cette fonction et il retournera la vérité (en supposant que vous soyez dans un navigateur qui prend en charge tout cela):

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