Vue

Zmniejszaj pliki PDF i zdjęcia przed przesłaniem w aplikacji Vue, dodając jeden atrybut do pola pliku lub strefy upuszczania.

Załaduj skrypt raz w pliku index.html, a następnie dodaj atrybut do pola pliku lub strefy upuszczania. Twoje procedury obsługi otrzymają zmniejszony plik.

index.html

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

Pole pliku

Vue

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // zmniejszony plik
}
</script>

Strefa upuszczania

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Upuść tutaj swój dokument
</div>

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

Aby uzyskać pełną kontrolę, użyj PDFkind.fit().

WsteczReact Dalej Angular

Ostatnia aktualizacja: 3 listopada 2026 · Pytania: contact@pdfkind.com