Skip to content

Вставка картинок из буффера

  1. Навесить событие paste:

    html <div on:paste={handleImagePaste}> <!-- --> </div>

    • div может быть локальным, но тогда на него надо будет кликать чтобы вставить из буффера
    • Лучше навесить на глобальный div

  2. Реализуем обработчик:

    ts function handleImagePaste(event: ClipboardEvent) { const items = event.clipboardData?.items ?? []; const files = [...items] .map((i) => i.getAsFile()) .filter((i) => i) as File[]; if (files.length) { // Обрабатываем файлы } }

Источники