MIME 类型手册
更新于 2026年7月25日
适用人群:配置Web服务器、排查文件下载/预览异常的开发者和站长。
核心概念
MIME类型结构
MIME(Multipurpose Internet Mail Extensions)类型格式为 大类型/子类型,例如 image/png。浏览器通过响应头 Content-Type 中的MIME值判断如何处理返回内容,而不是仅依赖URL的文件扩展名,因此服务器配置错误的MIME类型会导致"图片打不开""JS不执行""CSS不生效"等问题。
常见扩展名与MIME类型对照表
| 扩展名 | MIME类型 |
|---|---|
| .html/.htm | text/html |
| .css | text/css |
| .js/.mjs | application/javascript |
| .json | application/json |
| .xml | application/xml |
| .txt | text/plain |
| .csv | text/csv |
| application/pdf | |
| .zip | application/zip |
| .gz | application/gzip |
| .png | image/png |
| .jpg/.jpeg | image/jpeg |
| .gif | image/gif |
| .svg | image/svg+xml |
| .webp | image/webp |
| .ico | image/x-icon |
| .mp4 | video/mp4 |
| .webm | video/webm |
| .mp3 | audio/mpeg |
| .wav | audio/wav |
| .woff | font/woff |
| .woff2 | font/woff2 |
| .ttf | font/ttf |
| .doc | application/msword |
| .docx | application/vnd.openxmlformats-officedocument.wordprocessingml.document |
| .xls | application/vnd.ms-excel |
| .xlsx | application/vnd.openxmlformats-officedocument.spreadsheetml.sheet |
| .apk | application/vnd.android.package-archive |
| .wasm | application/wasm |
常见问题场景
- Nginx/Apache未正确配置
.woff2/.wasm等新格式的MIME映射,导致资源被浏览器拒绝加载。 - 用户上传文件时服务端未校验MIME类型,仅凭扩展名判断,存在安全风险(应结合文件头魔数校验)。
- 静态资源CDN返回
application/octet-stream导致图片/字体被当作二进制下载而非直接渲染。
对应工具
常见问题
文件扩展名和实际MIME类型不一致会怎样?
浏览器主要依据响应头Content-Type处理内容,如果服务器返回的MIME类型与实际内容不符,可能导致解析失败或被安全策略(如X-Content-Type-Options: nosniff)拦截。
为什么新格式字体/图片总是加载失败?
多是服务器MIME映射表未及时更新,需要在Nginx的mime.types或Apache的mime.conf中补充对应扩展名与MIME类型的映射。
相关教程
相关文章
网站主要内容/服务类型变更要不要重新备案?
什么情况需要做 备案信息中包含"网站主要内容"这一项描述,当网站实际业务方向发生较大变化时,需要同步更新,常见情形: 企业官网升级为在线商城,新增网上交易功能; 资讯类网站新增用户发帖、论坛社区功能; 网站新增直播、音视频点播等功能; 网站从个人博客转型为面向公众的信息服务平台。 需要特别注意:如果新内容属于前置审批…
APP备案SDK服务类型与厂商
APP 备案 SDK 服务(功能)类型与厂商 填写说明 服务(功能)类型与厂商名称之间是一对多的关系。举例来说,当选择“地图服务类”时,可以同时勾选腾讯、百度等多个厂商名称。 选择规则可归纳为两条: 选定某一 SDK 功能类型后,若能匹配到对应的 SDK 厂商,则需一并选择。 选定某一 SDK 功能类型后,若找不到对…
官方资料来源