Memulai
-
Instal plugin
Terminal window npm i @capgo/capacitor-document-scannerTerminal window pnpm add @capgo/capacitor-document-scannerTerminal window yarn add @capgo/capacitor-document-scannerTerminal window bun add @capgo/capacitor-document-scanner -
Sinkronkan platform native
Terminal window npx cap syncTerminal window pnpm cap syncTerminal window yarn cap syncTerminal window bunx cap sync
Memicu scan
Section titled “Memicu scan”import { DocumentScanner, ResponseType, ScanDocumentResponseStatus,} from '@capgo/capacitor-document-scanner';
const result = await DocumentScanner.scanDocument({ croppedImageQuality: 90, letUserAdjustCrop: true, maxNumDocuments: 10, responseType: ResponseType.ImageFilePath,});
if (result.status === ScanDocumentResponseStatus.Success) { console.log('Scanned files:', result.scannedImages);} else { console.log('Scan cancelled by user');}Mengembalikan data base64
Section titled “Mengembalikan data base64”const result = await DocumentScanner.scanDocument({ responseType: ResponseType.Base64,});
const [firstPage] = result.scannedImages ?? [];if (firstPage) { const dataUrl = `data:image/jpeg;base64,${firstPage}`; // Display preview or upload to server}Persyaratan platform
Section titled “Persyaratan platform”- iOS: Tambahkan
NSCameraUsageDescriptionkeios/App/App/Info.plistyang menjelaskan bagaimana Anda menggunakan kamera. - Android: Konfirmasikan bahwa izin
CAMERAdideklarasikan (Capacitor menambahkannya secara otomatis) dan sesuaikancroppedImageQuality,letUserAdjustCrop, danmaxNumDocumentsagar sesuai dengan UI Anda. - Storage: Saat menggunakan
ResponseType.ImageFilePath, pindahkan atau salin file yang dipindai ke lokasi penyimpanan yang Anda inginkan sebelum sesi aplikasi berakhir.