Content-Type对照表
常见MIME类型和文件扩展名对照
| 文件扩展名 | MIME类型 (Content-Type) | 描述 | 分类 |
|---|---|---|---|
.{{ item.ext }} |
{{ item.mime }} |
{{ item.desc }} | {{ categoryName(item.category) }} |
未找到匹配的结果
核心特性
- 📋 完整对照表 - 涵盖70+种常见文件类型的MIME对照
- 🔍 快速搜索 - 支持按扩展名、MIME类型、描述搜索
- 🎨 分类标签 - 文本、图片、音频、视频、应用、压缩包清晰分类
- 📱 响应式设计 - 完美支持PC和移动端查询
- 🚀 即时查询 - 无需加载,本地数据即搜即显
- 💯 完全免费 - 永久免费使用,无任何限制
- 🚫 无广告干扰 - 纯净工具,专注内容查询
工具简介
Content-Type(MIME类型)是HTTP协议中用于标识资源媒体类型的标准。本工具提供常见文件扩展名与MIME类型的完整对照表,方便开发者在配置Web服务器、处理文件上传、设置HTTP响应头时快速查询。
使用说明
- 浏览查询:表格中按分类显示所有文件类型的MIME对照,可直接浏览查找。
- 快速搜索:在搜索框中输入文件扩展名(如"jpg")或MIME类型(如"image")进行实时筛选。
- 查看详情:表格显示文件扩展名、完整MIME类型、描述信息和分类标签。
- 复制使用:点击MIME类型代码可选中复制,直接用于代码或配置中。
什么是Content-Type?
Content-Type是HTTP协议中的实体头部字段,用于指示资源的MIME(Multipurpose Internet Mail Extensions)类型。它告诉客户端接收到的内容是什么类型的数据,以便浏览器或应用程序能够正确解析和处理。
格式说明:
Content-Type值由类型/子类型组成,如text/html、image/png、application/json等。部分类型还可以包含字符集参数,如text/html; charset=utf-8。
常见MIME类型
text/html- HTML网页文档text/css- CSS样式表application/javascript- JavaScript脚本application/json- JSON数据格式image/jpeg- JPEG格式图片image/png- PNG格式图片image/gif- GIF动画图片application/pdf- PDF文档application/zip- ZIP压缩包video/mp4- MP4视频文件audio/mpeg- MP3音频文件
应用场景
- 🌐 Web服务器配置:在Nginx、Apache等服务器中配置静态文件的MIME类型映射
- 🔌 HTTP API开发:设置API响应的Content-Type头,如返回JSON数据时设为application/json
- 📤 文件上传处理:验证上传文件类型,限制允许的文件格式
- 📧 邮件附件:标识邮件附件的媒体类型,确保正确显示
- 🔗 资源链接:在HTML的link、script标签中指定资源类型
- 💾 文件下载:设置Content-Type和Content-Disposition头控制文件下载行为
代码示例
Node.js/Express设置Content-Type:
app.get('/api/data', (req, res) => {
res.setHeader('Content-Type', 'application/json');
res.send({ message: 'Hello' });
});
Nginx配置MIME类型:
http {
types {
text/html html htm;
text/css css;
application/javascript js;
image/png png;
}
}
Java Servlet设置Content-Type:
response.setContentType("application/json;charset=UTF-8");
response.getWriter().write("{\"status\":\"ok\"}");
使用技巧
- 💡 字符集指定:文本类型建议添加charset参数,如
text/html; charset=utf-8,避免乱码 - 💡 通用类型:不确定文件类型时可使用
application/octet-stream,浏览器会提示下载 - 💡 安全考虑:服务端应验证上传文件的真实类型,不能仅依赖客户端提供的Content-Type
- 💡 浏览器兼容:某些老旧浏览器可能不识别新的MIME类型,需要做兼容处理
- 💡 缓存控制:合理设置Content-Type配合Cache-Control可提升页面加载性能