Vue

Vue 앱에서 파일 입력이나 드롭 영역에 속성 하나만 추가해 업로드 전에 PDF와 사진의 용량을 줄입니다.

index.html에서 스크립트를 한 번 로드한 다음, 파일 입력이나 드롭 영역에 속성을 추가하세요. 핸들러는 줄어든 파일을 받습니다.

index.html

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

파일 입력

Vue

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

<script setup>
function onFile(e) {
  upload(e.target.files[0])   // 줄어든 파일
}
</script>

드롭 영역

Vue

<div data-pdfkind-max="5MB" @dragover.prevent @drop.prevent="onDrop">
  여기에 문서를 놓으세요
</div>

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

세밀하게 제어하려면 PDFkind.fit()을 사용하세요.

이전React 다음 Angular

최종 업데이트: 2026년 11월 3일 · 문의: contact@pdfkind.com