PDFkind
Documentación para desarrolladores: Vue

Asistente de subida

Vue

Reduce PDF y fotos antes de subirlos en una aplicación Vue, con un solo atributo en tu campo de archivo o zona de arrastre.

Carga el script una vez en index.html y añade el atributo a tu campo de archivo o zona de arrastre. Tus manejadores reciben el archivo reducido.

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

Campo de archivo

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // el archivo reducido
}
</script>

Zona de arrastre

Vue
<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Arrastra tu documento aquí
</div>

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

Para tener control total, usa PDFkind.fit().

Última actualización: 3 de noviembre de 2026 · ¿Preguntas? contact@pdfkind.com