跳至内容
WebViewGold 从 Vibe Coding 到 App Store
中文
获取 WebViewGold

Replit + 文档扫描仪

为您的 Replit 应用添加原生文档扫描仪

只要您的 Replit 应用有文件上传,就可以拥有真正的文档扫描仪。WebViewGold 会在原生上传对话框中加入“扫描文档”选项:iPhone 上的 Apple VisionKit 和 Android 上的 Google ML Kit 会识别页面边缘,裁剪并增强每一页,然后像其他上传文件一样把结果交给您现有的文件输入框。

每个平台一次性 $109 起,或由我们的团队全程代劳,$698 起。

  • 审核通过保证 – 否则 14 天内退款
  • 无需编程
  • 一次性付费,免费更新
  • 7×24 小时人工支持
  • 2014 年起德国出品 · ISO 27001

用户会在 Vibe Coding 应用中扫描什么

用于报销记账的收据

用户扫描一张皱巴巴的收据,扫描仪会把它压平并裁剪好,您的后端存储文件,并用 OCR 或 AI 模型提取金额、日期和商家。

合同和已签署的表单

租赁合同、同意书或入职文件的多页扫描件直接进入客户记录,而不再是通过邮件发来的模糊照片。

外勤和配送

送货单、检查表、手写工单:工作人员在现场扫描,一分钟后办公室就能看到清晰可读的文档。

无需开发新界面

扫描仪会挂接到每一个标准的 <input type="file"> 上。如果 Replit 已经有上传按钮,开启该设置后,扫描选项就会出现在那里。

给 Replit 的提示词

把这段粘贴到 Replit 中以实现 Web 应用端。检查结果,发布,然后在 WebViewGold 应用中测试。

粘贴到 Replit Agent 的提示词
让文档上传支持我们 WebViewGold 应用中的原生文档扫描仪。1) 在 React 客户端中使用标准的 input type="file",设置 accept="image/*,application/pdf",并以 multipart 表单数据把文件发送到 POST /api/documents。2) 在服务器上接受最大 20 MB 的文件,检查真实的 MIME 类型(application/pdf、image/jpeg、image/png),拒绝其他所有类型。3) 把文件存入 Replit Object Storage,路径为 documents/USER_ID/UUID 加扩展名,绝不存到本地磁盘,并在 Postgres 中保存对象键、大小、MIME 类型和状态。4) 立即返回响应,在后台处理文件(OCR 或 AI 提取),完成后更新状态。5) 为当前用户添加 GET /api/documents,返回短期有效的下载链接。6) 显示上传进度;当 navigator.userAgent 包含 WebViewGold 时,显示提示“选择‘扫描文档’可获得清晰的副本”。

出色的工作!无需任何编码就能轻松完成。简单快捷!创作者也提供了大力帮助!

卢卡斯·杜波依斯(Lucas Dubois) · CodeCanyon

开启功能,让上传支持扫描

半小时,包括在两部手机上测试。

  1. 启用设置

    iOS:在 Config.swift 中设置 var kVisionKitEnable = true。Android:在 Config.java 中设置 ENABLE_ML_KIT_DOCUMENT_SCANNER = true。把任一项设为 false,即可再次隐藏该选项。

  2. 同时接受 PDF 和图片

    Android 每次扫描返回一个最多 5 页的 PDF,上传对话框会根据输入框的 accept 属性调整可选项。请使用类似 accept="image/*,application/pdf" 的写法,并确保您的上传代码和存储都接受 application/pdf。

  3. 允许合理的文件大小

    多页扫描件比头像照片大得多。请检查上传路由和存储桶的大小限制,并在通过移动数据传输文件时显示进度。

  4. 写一段如实的相机用途说明

    扫描仪会使用相机,所以相机用途说明应提到文档,例如“用于扫描收据并附加到您的报销单”。

  5. 在真机上测试

    iOS 需要 iOS 18.4 或更高版本,以及支持 VisionKit 文档相机的设备;在其他设备上该选项会自动隐藏。Android 需要 Google Play 服务。模拟器无法提供真实的测试效果。

iOS 和 Android 一览

iOSAndroid
扫描仪Apple VisionKit 文档相机Google ML Kit Document Scanner
设置Config.swift 中的 kVisionKitEnableConfig.java 中的 ENABLE_ML_KIT_DOCUMENT_SCANNER
上传对话框中的选项“扫描文档”,与“相机”和“照片图库”并列“扫描文档”,与 accept 属性允许的照片、视频和图库选项并列
输入框收到的内容完成的扫描件,与其他上传文件一样一个 PDF,每次扫描最多 5 页
要求受支持设备上的 iOS 18.4 或更高版本Google Play 服务
内置功能边缘检测、裁剪、增强、追加页面边缘检测、裁剪、增强、追加页面、从图库导入

为扫描做好准备的上传处理代码

适用于照片、扫描件和 PDF,在浏览器和应用中都能用。把 /api/documents 指向您的上传路由;对于您的 Replit 应用,它位于:Express/Flask/FastAPI 后端,搭配 Replit Postgres 或外部数据库。

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("扫描件太大,请减少页数后重试。"); return; }

  var form = new FormData();
  form.append("file", file, file.name || (isPdf ? "scan.pdf" : "scan.jpg"));
  showStatus("正在上传" + (isPdf ? "文档" : "照片") + "…");

  var res = await fetch("/api/documents", { method: "POST", body: form });
  showStatus(res.ok ? "已保存,正在识别内容。" : "上传失败,请重试。");
});

审核和隐私检查清单

  • 准则 4.2:带边缘检测的相机扫描仪是网站在 iPhone 上无法提供的功能。请在审核备注中提到它,并在截图中展示。
  • App Privacy 和数据安全表单:如果扫描件会被上传和存储,请连同使用目的一起申报(例如 Apple 的“其他用户内容”、Google Play 的“文件和文档”)。
  • 身份证件、银行对账单或医疗表单的扫描件属于敏感数据:请保持存储私有,通过短期有效的链接提供文件,并允许用户删除自己的文档(账号删除指南)。
  • 给审核人员提供一个能进入上传页面的演示账号,否则他们根本看不到扫描仪。

常见问题

使用文档扫描仪需要修改我的 Web 应用吗?

通常不需要。开启设置后,每个标准文件输入框都会出现扫描选项。请确认输入框除了图片也接受 PDF(因为 Android 返回的是 PDF),并确认上传限制允许多页文件。

我会收到什么文件格式?

Android 上是每次扫描最多 5 页的 PDF。iOS 上的 VisionKit 扫描件通过同一个文件输入框传入;请同时接受图片和 PDF,并在开发任何依赖文件格式的功能之前,先在真机上测试结果。

扫描仪会识别文字(OCR)吗?

扫描仪负责拍摄、裁剪和增强页面。识别文字由您的后端完成:在服务器上把上传的文件发送给 OCR 或 AI 提取服务,并把结果与文档一起存储。

为什么有些 iPhone 上没有“扫描文档”?

iOS 上的这个选项需要 iOS 18.4 或更高版本,以及支持 VisionKit 文档相机的设备。在其他设备上它会自动隐藏,用户仍能看到“相机”和“照片图库”。

扫描是否按页收费?

不收费。VisionKit 是 iOS 的一部分,ML Kit Document Scanner 通过 Google Play 服务运行,因此没有按次扫描的费用。只有当您把文件发送给付费的 OCR 或 AI 服务时,才会产生成本。

让您的应用上架商店的三种方式

结果相同,只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。

自己动手

$109 每个平台,一次性付费

WebViewGold 许可证:一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL,设置名称和图标,开启所需功能,构建并提交。永久免费更新。

在主页查看方案

Cloud Builder

$349 每个许可证,一次性附加购买

无需 Mac、Xcode 或 Android Studio:在浏览器中完成配置,我们在云端构建两个应用,并将其交付到 App Store Connect 和 Play Console。

Cloud Builder 如何运作 试用免费演示

Full Service

$698 每个平台 $798

把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用,白标,附源码项目。两个平台共 $1,158。

Full Service 详情 服务提供方: WeSetupYourWebViewApp

冬季特惠价格有效期至 2026年12月31日。

准备好发布您的 Replit 应用了吗?

App Store & Google Play 审核通过保证 – 否则 14 天内退款

想直接交给我们?Full Service:我们在 72 小时内完成配置、构建并交付,每个平台 $698 起。有疑问?通过 7×24 小时在线聊天联系我们。

退款依据我们 FAQ 中列出的条件:应用因非内容原因被 Apple 和/或 Google 拒审,并在购买后 14 天内提出申请。