Content-Type 参考表
编程开发
MIME 类型大全速查表，涵盖 100+ 常见 Content-Type 条目，支持分类筛选与搜索，点击即可复制
快速查询
分类筛选
共 78 条
Content-Type 参考表
使用场景
| 场景 | 说明 | 建议 |
|---|---|---|
| HTTP 响应头设置 | 服务端返回文件时需正确设置 Content-Type，浏览器据此决定如何处理响应内容 | JSON API 返回 application/json |
| 文件上传处理 | 前端上传文件时浏览器自动附加 Content-Type，后端据此判断文件类型 | multipart/form-data 用于表单上传 |
| Nginx/Apache 配置 | Web 服务器需正确映射扩展名到 MIME 类型，否则浏览器可能拒绝渲染 | 检查 mime.types 配置文件 |
| 前端 Fetch/Axios | 设置请求 Content-Type 告知服务端请求体格式，如 JSON 或表单数据 | POST JSON 用 application/json |
| CDN 缓存策略 | CDN 根据 Content-Type 决定缓存策略和压缩方式，影响加载性能 | 静态资源设置长缓存 + gzip |
| 安全策略配置 | 正确 MIME 类型可防止 MIME 嗅探攻击，配合 X-Content-Type-Options 使用 | 添加 nosniff 头防止类型嗅探 |
常见问题
什么是 Content-Type？
Content-Type 是 HTTP 头部字段，用于指示资源的 MIME 类型（媒体类型），告诉客户端如何解析和展示响应内容。例如 text/html 表示 HTML 文档，application/json 表示 JSON 数据。
什么是 MIME 类型？
MIME（Multipurpose Internet Mail Extensions）类型是标识文件性质的标准，格式为 "类型/子类型"，如 image/png、text/css。它最初用于电子邮件，后被 HTTP 协议采用。
application/octet-stream 是什么？
这是通用的二进制流类型，表示"未知的二进制数据"。浏览器收到此类型时通常会触发下载而非在线预览。常用于文件下载场景。
为什么 SVG 的 Content-Type 是 image/svg+xml？
SVG 文件本质是 XML 格式的文本文件，+xml 后缀表明其底层格式为 XML。类似的还有 application/rss+xml、application/atom+xml 等。
如何设置正确的 Content-Type？
Web 服务器（Nginx/Apache）通过 mime.types 文件自动映射；后端代码需手动设置响应头；前端上传时浏览器自动设置。确保映射正确可避免浏览器解析异常。
X-Content-Type-Options: nosniff 是什么？
这是一个安全响应头，禁止浏览器进行 MIME 类型嗅探。设置后浏览器会严格按照 Content-Type 处理内容，防止恶意文件被错误解析执行。
关于 Content-Type 参考表
Content-Type（内容类型）是 HTTP 协议中用于标识资源类型的标准头部字段，其值为 MIME 类型（Media Type），格式为 类型/子类型，如 text/html、application/json。
常见类型说明：
text/*— 文本类资源，浏览器直接展示（HTML、CSS、纯文本等）image/*— 图片资源，浏览器渲染图片（JPEG、PNG、SVG 等）audio/*/video/*— 音视频资源，浏览器使用媒体播放器application/json— JSON 数据，API 接口最常用application/octet-stream— 通用二进制流，通常触发下载multipart/form-data— 表单上传，包含文件时自动使用
安全建议：始终为 HTTP 响应添加 X-Content-Type-Options: nosniff 头部，防止浏览器进行 MIME 类型嗅探，避免恶意文件被错误解析执行。