Vue

Verkleinern Sie PDFs und Fotos vor dem Upload in einer Vue-App – mit einem Attribut an Ihrem Dateifeld oder Ihrer Drop-Zone.

Laden Sie das Script einmal in der index.html und fügen Sie dann das Attribut zu Ihrem Dateifeld oder Ihrer Drop-Zone hinzu. Ihre Handler erhalten die verkleinerte Datei.

index.html

<script src="https://pdfkind.com/embed.js" defer></script>

Dateifeld

Vue

<template>
  <input type="file" data-pdfkind-max="5MB" @change="onFile" />
</template>

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // die verkleinerte Datei
}
</script>

Drop-Zone

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Dokument hier ablegen
</div>

<script setup>
function onDrop(e) {
  upload(e.dataTransfer.files[0])
}
</script>

Für volle Kontrolle verwenden Sie PDFkind.fit().

ZurückReact Weiter Angular

Zuletzt aktualisiert am 3. November 2026 · Fragen: contact@pdfkind.com