Reçus pour les notes de frais
L'utilisateur scanne un reçu froissé, le scanner l'aplatit et le recadre, et votre backend stocke le fichier et en extrait le montant, la date et le commerçant par OCR ou avec un modèle d'IA.
Ce que les utilisateurs scannent dans les apps vibe-codées
Contrats et formulaires signés
Les scans multipages de baux, de formulaires de consentement ou de documents d'intégration arrivent directement dans la fiche client, au lieu de photos floues envoyées par e-mail.
Travail sur le terrain et livraisons
Bons de livraison, fiches d'inspection, bons d'intervention manuscrits : les équipes scannent sur place et le bureau voit un document propre et lisible une minute plus tard.
Aucune nouvelle interface à construire
Le scanner se branche sur chaque <input type="file"> standard. Si votre app a déjà un bouton d'envoi de fichier, l'option de scan y apparaît dès que le réglage est activé.
Prompt pour Base44
Collez ceci dans Base44 pour implémenter la partie app web. Vérifiez le résultat, publiez, puis testez dans l'app WebViewGold.
Prompt à coller dans Base44
Améliorez l'envoi de documents pour le scanner natif de notre app mobile (wrapper WebViewGold). 1) Sur la page Nouvelle dépense, faites du champ d'envoi un champ de fichier standard qui accepte les images et les fichiers PDF (accept="image/*,application/pdf"). 2) Enregistrez le fichier avec l'envoi de fichiers intégré et stockez son URL dans une entité Receipt avec les champs file_url, file_type, amount, merchant, receipt_date et status. 3) Après l'envoi, utilisez l'intégration d'IA intégrée pour extraire le montant, le commerçant et la date du fichier, préremplissez le formulaire et laissez l'utilisateur confirmer ou corriger les valeurs avant l'enregistrement. 4) Affichez un indicateur de progression pendant l'envoi et une erreur claire si le fichier dépasse 20 Mo. 5) Quand navigator.userAgent contient WebViewGold, libellez le bouton « Scanner ou envoyer un reçu » ; sinon, « Envoyer un reçu ». 6) Assurez-vous que chaque utilisateur ne voit que ses propres reçus.
Mon WebView iOS est enfin approuvé. Merci !!
Activez-le et rendez vos envois compatibles avec les scans
Une demi-heure, test sur deux téléphones compris.
Activez le réglage
iOS :
var kVisionKitEnable = truedans Config.swift. Android :ENABLE_ML_KIT_DOCUMENT_SCANNER = truedans Config.java. Remettez l'un ou l'autre sur false pour masquer à nouveau l'option.Acceptez les PDF en plus des images
Android renvoie un PDF de 5 pages maximum par scan, et la boîte de dialogue d'envoi adapte ses options à l'attribut
acceptdu champ. Utilisez par exempleaccept="image/*,application/pdf"et vérifiez que votre code d'envoi et votre stockage acceptentapplication/pdf.Prévoyez des tailles de fichier réalistes
Un scan multipage pèse plus lourd qu'une photo de profil. Vérifiez les limites de taille de votre route d'envoi et de votre bucket de stockage, et affichez la progression pendant que le fichier transite en données mobiles.
Rédigez un texte d'explication caméra honnête
Le scanner utilise l'appareil photo : le texte d'explication de l'accès à la caméra doit donc mentionner les documents, par exemple « pour scanner vos reçus et les joindre à vos notes de frais ».
Testez sur de vrais appareils
iOS nécessite iOS 18.4 ou une version ultérieure et un appareil compatible avec la caméra de documents VisionKit ; ailleurs, l'option se masque d'elle-même. Android nécessite les services Google Play. Les simulateurs et émulateurs ne constituent pas un test réaliste.
iOS et Android en un coup d'œil
| iOS | Android | |
|---|---|---|
| Scanner | Caméra de documents Apple VisionKit | Google ML Kit Document Scanner |
| Réglage | kVisionKitEnable dans Config.swift | ENABLE_ML_KIT_DOCUMENT_SCANNER dans Config.java |
| Option dans la boîte de dialogue d'envoi | Scan Document, à côté de l'appareil photo et de la photothèque | Scan document, à côté des options photo, vidéo et galerie autorisées par l'attribut accept |
| Ce que reçoit votre champ | Le scan terminé, comme n'importe quel fichier envoyé | Un PDF, 5 pages maximum par scan |
| Prérequis | iOS 18.4 ou ultérieur sur un appareil compatible | Services Google Play |
| Intégré | Détection des bords, recadrage, amélioration, pages supplémentaires | Détection des bords, recadrage, amélioration, pages supplémentaires, import depuis la galerie |
Un gestionnaire d'envoi prêt pour les scans
Fonctionne pour les photos, les scans et les PDF, dans le navigateur comme dans l'app. Faites pointer /api/documents vers votre route d'envoi ; pour votre app Base44, elle se trouve ici : Entités intégrées de Base44 (base de données), stockage de fichiers et fonctions backend.
javascript
// <input type="file" id="doc" accept="image/*,application/pdf">
document.getElementById("doc").addEventListener("change", async function (e) {
var file = e.target.files && e.target.files[0];
if (!file) return;
var isPdf = file.type === "application/pdf" || /\.pdf$/i.test(file.name);
if (file.size > 20 * 1024 * 1024) { showError("Ce scan est trop volumineux. Essayez avec moins de pages."); return; }
var form = new FormData();
form.append("file", file, file.name || (isPdf ? "scan.pdf" : "scan.jpg"));
showStatus("Envoi " + (isPdf ? "du document" : "de la photo") + "…");
var res = await fetch("/api/documents", { method: "POST", body: form });
showStatus(res.ok ? "Enregistré. Nous le lisons maintenant." : "Échec de l'envoi. Veuillez réessayer.");
});Checklist examen et confidentialité
- Guideline 4.2 : un scanner avec détection des bords est quelque chose qu'un site web ne peut pas offrir sur iPhone. Mentionnez-le dans les notes de validation et montrez-le sur une capture d'écran.
- App Privacy et Data safety : si les scans sont envoyés et stockés, déclarez-les (par exemple « Autre contenu de l'utilisateur » chez Apple, « Fichiers et documents » sur Google Play) avec la finalité pour laquelle vous les utilisez.
- Les scans de pièces d'identité, de relevés bancaires ou de formulaires médicaux sont sensibles : gardez le stockage privé, servez les fichiers via des liens de courte durée et laissez les utilisateurs supprimer leurs documents (voir le guide de la suppression de compte).
- Donnez à l'examinateur un compte de démonstration qui mène à un écran d'envoi ; sinon, il ne verra jamais le scanner.
Questions fréquentes
Dois-je modifier mon app web pour le scanner de documents ?
En général, non. Chaque champ de fichier standard reçoit l'option de scan dès que le réglage est activé. Vérifiez que le champ accepte les PDF en plus des images, car Android renvoie un PDF, et que votre limite d'envoi autorise les fichiers multipages.
Quel format de fichier vais-je recevoir ?
Sur Android, un PDF de 5 pages maximum par scan. Sur iOS, le scan VisionKit arrive par le même champ de fichier ; acceptez à la fois les images et les PDF, et testez le résultat sur un appareil avant de construire quoi que ce soit qui dépende du format.
Le scanner lit-il le texte (OCR) ?
Le scanner capture, recadre et améliore les pages. La lecture du texte revient à votre backend : envoyez le fichier reçu à un service d'OCR ou d'extraction par IA sur le serveur et stockez le résultat à côté du document.
Pourquoi l'option Scan Document manque-t-elle sur certains iPhone ?
L'option iOS nécessite iOS 18.4 ou une version ultérieure et un appareil compatible avec la caméra de documents VisionKit. Sur les autres appareils, elle est masquée automatiquement et les utilisateurs voient toujours l'appareil photo et la photothèque.
Le scan coûte-t-il quelque chose par page ?
Non. VisionKit fait partie d'iOS et le ML Kit Document Scanner passe par les services Google Play : il n'y a donc aucun frais par scan. Des coûts n'apparaissent que si vous envoyez les fichiers à un service d'OCR ou d'IA payant.
Trois façons de mettre votre app dans les stores
Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.
Faites-le vous-même
$109 par plateforme, paiement unique
La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.
Voir les offres sur la page principaleCloud Builder
$349 par licence, extension en paiement unique
Ni Mac, ni Xcode, ni Android Studio : configurez dans le navigateur, nous compilons les deux apps dans le cloud et les transmettons à App Store Connect et à la Play Console.
Comment fonctionne le Cloud Builder Essayer la démo gratuiteFull Service
$698 par plateforme $798
Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.
Détails du Full Service Propulsé par
Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.