Vue

Giảm dung lượng PDF và ảnh trước khi tải lên trong ứng dụng Vue, chỉ với một thuộc tính trên ô chọn file hoặc vùng thả file.

Tải script một lần trong index.html, rồi thêm thuộc tính vào ô chọn file hoặc vùng thả file. Các hàm xử lý của bạn sẽ nhận file đã giảm dung lượng.

index.html

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

Ô chọn file

Vue

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // file đã giảm dung lượng
}
</script>

Vùng thả file

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  Thả tài liệu của bạn vào đây
</div>

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

Để kiểm soát hoàn toàn, hãy dùng PDFkind.fit().

TrướcReact Tiếp Angular

Cập nhật lần cuối 3 tháng 11, 2026 · Câu hỏi: contact@pdfkind.com