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
.pdf 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类型的映射。

相关教程

相关文章

官方资料来源