Vue

Verklein PDF’s en foto’s vóór het uploaden in een Vue-app, met één attribuut op je bestandsveld of dropzone.

Laad het script één keer in index.html en voeg dan het attribuut toe aan je bestandsveld of dropzone. Je handlers ontvangen het verkleinde bestand.

index.html

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

Bestandsveld

Vue

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // het verkleinde bestand
}
</script>

Dropzone

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Sleep je document hierheen
</div>

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

Wil je volledige controle, gebruik dan PDFkind.fit().

VorigeReact Volgende Angular

Laatst bijgewerkt op 3 november 2026 · Vragen: contact@pdfkind.com