Vue

Reduza PDFs e fotos antes do upload em um app Vue, com um único atributo no seu input de arquivo ou área de soltar.

Carregue o script uma vez no index.html e adicione o atributo ao seu input ou à sua área de soltar. Seus handlers recebem o arquivo reduzido.

index.html

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

Input de arquivo

Vue

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // o arquivo reduzido
}
</script>

Área de soltar

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Solte seu documento aqui
</div>

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

Para ter controle total, use PDFkind.fit().

AnteriorReact Próxima Angular

Atualizado em 3 de novembro de 2026 · Dúvidas: contact@pdfkind.com