头像上传应设 accept="image/jpeg,image/png,image/webp"，优化选择界面但不替代校验；需配合 JS 检查 type/size、服务端校验文件头，禁用通配符或扩展名写法。
网页头像上传时，input 的 accept 属性应设为明确的图片 MIME 类型，优先推荐 image/jpeg,image/png,image/webp。它不能阻止非法文件，但能优化选择界面、提升用户感知。
用标准 MIME 类型写 accept 值
浏览器对 MIME 类型的支持比扩展名更稳定，尤其在 Safari 和 iOS 环境下。头像常用格式对应的标准写法如下：
-
image/jpeg—— 支持.jpg和.jpeg -
image/png—— 支持.png（含透明背景） -
image/webp—— 体积小、质量好，现代浏览器普遍支持
组合写法示例：
<input type="file" accept="image/jpeg,image/png,image/webp">不建议混用通配符或扩展名
image/* 虽简洁，但会放开所有图片类型（如 image/svg+xml），而 SVG 可能含脚本风险；.jpg,.png 这类扩展名写法在部分系统中不可靠，且无法识别 MIME 类型错配的文件（比如把恶意 HTML 改成 .png 后缀）。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
避免以下写法：
-
accept="image/*,.jpg,.png"—— 混用降低可维护性，且无实质增强 -
accept=".jpg,.png"—— iOS Safari 可能完全忽略 -
accept="image/jpg"—— 非标准 MIME，应为image/jpeg
搭配单文件与预览功能更实用
头像通常只允许上传一张，无需 multiple；加上本地预览能即时反馈，减少误传：
- 加
id方便 JS 绑定：<input type="file" id="avatarInput" accept="image/jpeg,image/png,image/webp"> - 用
FileReader读取并显示到<img>标签，不提交也能确认效果 - 校验失败后清空
input.value，避免重复触发 change 事件
必须配合前端 JS 与后端双重校验
accept 只是提示，绕过方法极简单（拖放、DevTools 修改、直接发请求）。真正起作用的是：
- 前端检查
file.type和file.name扩展名（统一转小写再比对） - 限制大小，例如
if (file.size > 2 * 1024 * 1024)控制在 2MB 内 - 服务端必须用文件头（magic bytes）识别真实类型，不能信
Content-Type或扩展名
