表单必须设置enctype="multipart/form-data"，否则文件上传为空；需限制图片类型和大小，后端校验MIME类型；元数据分必填（title、description、category）与可选字段；上传需进度反馈与具体错误提示。
表单必须包含 enctype="multipart/form-data"
不加这个，所有 <input type="file"> 上传的文件都会变成空——后端收不到任何二进制数据，连 $_FILES（PHP）或 request.files（Python Flask）都为空。这是摄影网站上传页最常踩的坑。
- 只在
<form>标签里加，不是<input>或 JS 里补 - 如果用了前端框架（如 Vue/React），也要确保最终生成的
<form>带这个属性 - 别和
application/json混用：一旦设了enctype，就不能再用fetch+JSON.stringify直接发整个表单
<input type="file"> 要限制图片类型和大小
用户可能拖进 PDF、视频甚至 EXE，不加约束会浪费服务器空间，还可能触发安全扫描拦截。摄影站真正需要的是 image/jpeg、image/png、image/tiff（部分专业相机出图），image/webp 可选。
- HTML 层用
accept="image/jpeg,image/png,image/tiff,image/webp"，但仅作提示，可被绕过 - 必须在后端校验 MIME 类型（不能只看后缀名），比如 PHP 用
finfo_file()，Node.js 用file-type库 - 单图建议上限 25MB，TIFF 原图常见 10–20MB；用
MAX_FILE_SIZE隐藏域（PHP 场景）或 Nginx 的client_max_body_size提前拦截超大请求
作品元数据字段要区分「必填」和「可选但有用」
摄影师上传时最反感填一堆没用的字段，但平台又需要基础信息做分类、搜索、版权追溯。关键在于分层设计。
- 必填项只留三个：
title（作品标题）、description（简短说明，支持换行）、category（下拉单选，如「人像」「风光」「街拍」） - 可选但强烈建议填：
camera（文本输入，默认填「Canon EOS R5」这类常见值，方便后期统计设备热度）、lens、exposure（如1/125s f/2.8 ISO 400）——这些字段对摄影社区价值很大，但绝不强制 - 避免「拍摄时间」用
<input type="datetime-local">：用户手机上体验差，且原始照片 EXIF 里已有，后端应优先从图片读取，表单里只作为人工覆盖入口
提交后别直接跳转，要带上传进度和错误反馈
一张 15MB 的 TIFF 上传卡住 3 秒没反应，用户大概率会点两次提交按钮，导致重复发布。摄影类上传必须有明确状态感知。
立即学习“前端免费学习笔记（深入）”；
- 禁用提交按钮并显示「上传中…」文字，同时用
XMLHttpRequest.upload.onprogress或fetch+ReadableStream（现代浏览器）计算进度百分比 - 后端返回错误必须具体：
"file_too_large"、"invalid_mime_type"、"missing_title"，前端对应提示，而不是笼统的「上传失败」 - 成功后跳转到作品详情页前，先展示缩略图+标题预览，并给「编辑元数据」链接——摄影师常传完才发现标题写错
真正的难点不在 HTML 结构，而在于前后端对文件流、EXIF 解析、并发提交的协同处理。表单只是入口，别让它成为第一道堵点。
