Test of dragenter / dragover-gebeurtenis bestanden bevat - CSS-trucs

Anonim

HTML5 slepen en neerzetten is geweldig voor het verwerken van bestandsuploads. Maar als dat het enige is waarvoor u het gebruikt, is het goed om te weten of een bepaalde gebeurtenis dragenterof dragovergebeurtenis daadwerkelijk bestanden bevat. In tegenstelling tot bijvoorbeeld het slepen van geselecteerde tekst.

Stuur het gebeurtenisobject naar deze functie en het zal de waarheid retourneren (ervan uitgaande dat u zich in een browser bevindt die dit allemaal ondersteunt):

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