accept属性仅前端提示，不能替代后端校验；支持MIME类型和扩展名组合，如audio/mpeg,.mp3；需配合multiple和capture提升体验，但服务端必须验证文件头、扩展名及内容。
在 HTML5 中，accept 属性可以配合 使用，帮助浏览器过滤可选的文件类型，提升用户体验。但它只是前端提示，**不能替代后端校验**。
指定常见音视频格式的 accept 值
直接写 MIME 类型或文件扩展名均可，推荐组合使用以提高兼容性：
-
音频文件：
accept="audio/*"（所有音频）或更具体如accept="audio/mpeg,audio/wav,audio/ogg,.mp3,.wav,.ogg" -
视频文件：
accept="video/*"（所有视频）或accept="video/mp4,video/webm,video/ogg,.mp4,.webm,.ogg" -
音视频都允许：
accept="audio/*,video/*"或列出具体类型+扩展名，例如：accept="audio/mpeg,audio/wav,video/mp4,video/webm,.mp3,.wav,.mp4,.webm"
注意 accept 不是安全限制
accept 仅影响文件选择对话框中默认显示的文件类型（部分浏览器会隐藏不匹配的文件），但用户仍可通过“全部文件”选项绕过，或手动修改文件扩展名上传非法文件。因此必须在服务端再次验证文件头（MIME）、扩展名和实际内容。
结合 multiple 和 capture 提升移动端体验
若需支持多文件上传，加 multiple；若希望调用设备摄像头或麦克风直录，可加 capture：
- 录音：
- 录像：
- 注意：
capture在桌面浏览器可能被忽略，主要在移动浏览器生效
实际示例代码
一个兼顾兼容性与清晰提示的音视频上传控件：
accept="audio/mpeg,audio/wav,audio/ogg,video/mp4,video/webm,.mp3,.wav,.ogg,.mp4,.webm"multiple
id="media-upload">
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
