HandyTools Hub

← 全部指南

MIME 类型详解:Content-Type 到底意味着什么

2026-09-03

当浏览器下载文件而不是显示它,或页面加载却没有样式,罪魁祸首常是一个错误的 MIME 类型。它是那种安静、不可见、只在出错时才重要的头——可一旦出错,就以令人困惑的方式坏掉。

这篇指南解释 MIME 类型是什么、为何 Content-Type 头如此重要,以及如何找到正确的值。

MIME 类型是什么

MIME 代表 Multipurpose Internet Mail Extensions。它最初为电子邮件发明,让一条消息能承载比纯 ASCII 文本更多的内容。名字保留了下来,但用途已远超邮件。

MIME 类型遵循简单的 类型/子类型 格式——例如 image/pngapplication/pdftext/html。斜杠前是类别(imagetextapplication),斜杠后是具体子类型(pngpdfhtml)。还有一个通用二进制类型 application/octet-stream,用于发送方不知道或不愿说真实文件类型时。

MIME 类型由 IANA 注册和维护,所以清单是标准化的。

为什么 Content-Type 头重要

当 Web 服务器返回文件时,它在 Content-Type 响应头里声明文件类型。浏览器用这个头决定如何处理响应。这一个决定引发了一整类日常 bug:

  • 图片破损。 若服务器发送 text/html 而非 image/png,浏览器会尝试把图片按页面渲染,结果什么都不显示。
  • 页面没有样式。 若浏览器收到标为 text/plain 的 CSS 文件,它会拒绝把它当作样式表应用,页面就以无样式的 HTML 加载。
  • 下载而非显示。 若 PDF 以 application/octet-stream 发出,浏览器就把它存盘而非打开。
  • 脚本被拒。 一个以错误类型提供的 JavaScript 模块不会被执行。

每种情形里,文件本身没事——错的是标签。

如何查到正确的 MIME 类型

无论你设置头、配置文件服务器,还是填 HTML 的 accept 属性,都需要 MIME 类型。最快的方式是按扩展名查:

  • .webp 文件 → image/webp
  • .mp4 文件 → video/mp4
  • .json 文件 → application/json
  • .svg 文件 → image/svg+xml

查找工具让你按扩展名或类型搜索、按类别浏览、并复制确切字符串。关键是匹配文件的真实内容,而不是重命名后扩展名可能暗示的东西。

快速参考

  • MIME 类型是 类型/子类型 字符串,如 image/pngapplication/pdf
  • Content-Type 响应头告诉浏览器如何处理文件。
  • 错误类型导致图片破损、页面无样式、下载而非显示、脚本被拒。
  • application/octet-stream 是真实类型未知时的通用二进制类型。
  • 按扩展名查找,以匹配文件的真实内容。

开始使用

如果你需要正确的 Content-Type 值——用于 API 响应、文件服务器或上传表单——MIME 类型查找工具在几秒内按扩展名或类型字符串找到。当 MIME 类型正确但请求仍失败时,HTTP 状态码速查能帮你解码服务器返回的状态码。