Vue

Riduci PDF e foto prima del caricamento in un’app Vue, con un solo attributo sul campo file o sull’area di trascinamento.

Carica lo script una volta in index.html, poi aggiungi l’attributo al campo file o all’area di trascinamento. I tuoi gestori ricevono il file ridotto.

index.html

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

Campo file

Vue

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // il file ridotto
}
</script>

Area di trascinamento

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Trascina qui il tuo documento
</div>

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

Per un controllo completo, usa PDFkind.fit().

PrecedenteReact Successiva Angular

Ultimo aggiornamento: 3 novembre 2026 · Domande: contact@pdfkind.com