← 目录
萧禹
2026-10-26 12:40

PC 端上传旁加二维码:让用户扫码把手机里的照片传上来

自建笔记建站开发

哥飞在群里分享了一个交互:PC 端表单的上传组件旁边,增加「从手机传图」按钮,点击后弹出二维码,用户用手机扫码上传图片,照片直接回填到 PC 端的表单里。

为什么加这个按钮

起因是让 AI 分析「PC 端转化不好」的原因。AI 给出的判断之一是:用户的照片一般存在手机里,而在 PC 端要求上传时,用户得先把照片从手机搬到电脑。与其让用户自己搬运,不如在上传入口处直接提供手机通道。

交互长什么样

扫码传图弹窗截图:标题 Scan to add photos from your phone,提示用手机相机扫码并在手机上挑选照片,几秒后会出现在这里;中间是二维码,底部是 Waiting for the photos 等待状态,背景是 PC 端图片生成表单

截图里的弹窗把这套流程说得很直白:标题是「Scan to add photos from your phone」,正文提示用户用手机相机扫码、在手机上挑选照片,「几秒后会出现在这里」;二维码下方是「Waiting for the photos...」的等待状态。也就是说,手机端选完图后,PC 端不需要再操作一次,照片会直接进入上传区。

可迁移的点

原始对话

聊天记录(2 条)
参与者 1 人:哥飞 · 时间范围 2026年10月26日 12:40 · 原始 2 条,保留 2 条
哥飞2026年10月26日 12:40
我有好的交互,都想着大家的。
这次给大家推荐,当用户在 PC 端时,表单上传组件旁边增加从手机传图按钮,点击后弹出二维码,用户手机扫码上传图片,给 PC 端使用。
这是我让 AI 分析,为什么 PC 端转化不好时,他说可能的原因是用户的照片一般在手机里,于是我让他增加了二维码传图组件。
哥飞2026年10月26日 12:40
[图片] 微信图片_202610261240_1.jpg