uni-app 客户端照片水印：外勤打卡实战教程
uni-app 客户端照片水印：外勤打卡实战教程
引言
在外勤打卡、现场巡检、移动取证等场景中，业务往往要求将拍摄时间、日期、地点、操作人等信息直接「烧录」进照片，确保照片一经生成便携带不可剥离的上下文，降低事后篡改的风险。
推荐的技术方案是：在 App 端用 uni-app 原生 Canvas API 在客户端完成水印绘制，再将处理后的 JPG 上传至服务器。后端不参与水印逻辑，只存储已带水印的图片文件。
技术选型上，无需引入 sharp、jimp 等第三方图像库，完全依赖 uni-app 提供的 Canvas 能力，代码轻量、无额外依赖，适合移动端 App 场景。
本文以「外勤打卡拍照加水印」为典型场景，从零讲解一套可复用的客户端照片水印实现方案。
整体流程
从用户按下快门到照片上传，完整链路如下：