Vue

Perkecil PDF dan foto sebelum diunggah di aplikasi Vue, cukup dengan satu atribut pada input file atau area drop.

Muat script sekali di index.html, lalu tambahkan atributnya ke input atau area drop Anda. Handler Anda menerima file yang sudah diperkecil.

index.html

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

Input file

Vue

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

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

Area drop

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Letakkan dokumen Anda di sini
</div>

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

Untuk kendali penuh, gunakan PDFkind.fit().

SebelumnyaReact Berikutnya Angular

Terakhir diperbarui 3 November 2026 · Ada pertanyaan? contact@pdfkind.com