Testați dacă evenimentul dragenter / dragover conține fișiere - CSS-Tricks

Anonim

HTML5 drag and drop este excelent pentru gestionarea încărcărilor de fișiere. Dar dacă numai pentru asta îl folosiți, este bine să știți dacă vreun anume eveniment dragentersau dragovereveniment are de fapt fișiere. Spre deosebire, de exemplu, doar de glisarea unui text selectat.

Trimiteți obiectul eveniment la această funcție și acesta va returna adevărul (presupunând că vă aflați într-un browser care acceptă toate acestea):

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