Data Transfer Helper

Eine schlanke TypeScript-Bibliothek zur Verarbeitung von Drag & Drop DataTransfer Events. Macht das Handling von dropped Dateien und Verzeichnissen zum Kinderspiel!

Features:

  • Unterstützung für komplette Verzeichnisse via File System Access API oder webkitGetAsEntry
  • Nutzt Generator-Funktionen für optimale Performance
  • Vollständig typisiert mit TypeScript
  • Automatische Fallbacks für ältere Browser

Installation

npm install data-transfer-helper

Beispiel:

import { parseFilesFromEvent } from 'data-transfer-helper';

document.addEventListener('drop', async function(event: DragEvent) {
    event.preventDefault();
    event.stopPropagation();

    const files = await parseFilesFromEvent(event);
    console.log('Dropped files:', files);
});
Open in Github

© 2025 - Alexander Friesen