Vue

Gör PDF-filer och foton mindre före uppladdning i en Vue-app, med ett enda attribut på filfältet eller släppytan.

Läs in skriptet en gång i index.html och lägg sedan till attributet på filfältet eller släppytan. Dina hanterare får den förminskade filen.

index.html

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

Filfält

Vue

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // den förminskade filen
}
</script>

Släppyta

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Släpp ditt dokument här
</div>

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

Om du vill ha full kontroll använder du PDFkind.fit().

FöregåendeReact Nästa Angular

Senast uppdaterad 3 november 2026 · Frågor: contact@pdfkind.com