Angular

Angularアプリで、ファイル入力に属性を1つ追加するだけで、PDFや写真をアップロード前に縮小できます。

src/index.html にスクリプトを追加し、inputに属性を追加します。(change) ハンドラーは縮小後のファイルを受け取ります。

src/index.html

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

ファイル入力

component.html

<input type="file" data-pdfkind-max="5MB" (change)="onFile($event)" />

component.ts

onFile(event: Event) {
  const file = (event.target as HTMLInputElement).files?.[0];
  if (file) this.upload(file);   // 縮小後のファイル
}

直接呼び出す

TypeScript

declare global { interface Window { PDFkind: { fit(f: File, o: { max: string | number }): Promise<File> } } }

const small = await window.PDFkind.fit(file, { max: '5MB' });

前へVue 次へ WordPressとフォームビルダー

最終更新日：2026年11月3日 · お問い合わせ：contact@pdfkind.com