MIME 类型（Multipurpose Internet Mail Extensions）是标准，用于定义文件的类型和编码方式。最初设计用于电子邮件系统来标识附件的类型，但现在广泛应用于互联网协议中，如 HTTP 和 HTML，以帮助浏览器和其他客户端应用程序正确地处理和显示文件。
MIME 类型的基本结构
MIME 类型由两部分组成，用斜杠 / 分隔：
- 类型（Type）：表示文件的大类，例如
text、image、application等。 - 子类型（Subtype）：进一步指定具体的文件格式，例如
html、jpeg、pdf等。
示例
text/html：HTML 文档image/jpeg：JPEG 图像文件application/pdf：PDF 文件application/json：JSON 数据video/mp4：MP4 视频文件
常见的 MIME 类型
文本文件
text/plain：纯文本文件text/html：HTML 文件text/css：CSS 文件text/javascript或application/javascript：JavaScript 文件
图像文件
image/jpeg：JPEG 图像image/png：PNG 图像image/gif：GIF 动画或图像image/svg+xml：SVG 图像
应用程序文件
application/pdf：PDF 文件application/msword：Microsoft Word 文档（.doc）application/vnd.openxmlformats-officedocument.wordprocessingml.document：Microsoft Word 文档（.docx）application/json：JSON 数据application/zip：ZIP 压缩文件application/octet-stream：通用二进制流，通常用于未知类型的二进制数据
音频文件
audio/mpeg：MP3 音频audio/wav：WAV 音频audio/ogg：Ogg Vorbis 音频
视频文件
video/mp4：MP4 视频video/webm：WebM 视频video/quicktime：QuickTime 视频
MIME 类型的作用
-
服务器响应头：当服务器发送文件给客户端时，它会在 HTTP 响应头中包含
Content-Type字段，指定文件的 MIME 类型。这告诉客户端如何解释接收到的数据。Content-Type: text/html; charset=UTF-8 -
浏览器行为：基于 MIME 类型，浏览器决定是直接渲染内容（如 HTML 页面或图片），还是提示用户下载文件（如 PDF 或 ZIP 文件）。对于不支持的 MIME 类型，浏览器可能会默认选择下载。
-
文件上传：在表单中使用
<input type="file">时，可以通过accept属性限制用户可以选择的文件类型。这些值通常是 MIME 类型。<input type="file" accept="image/*,application/pdf"> -
创建 Blob 对象：当你从 JavaScript 中创建
Blob对象时，可以指定其 MIME 类型，以便更准确地描述该对象的内容。const blob = new Blob(['Hello, world!'], { type: 'text/plain' });
自定义 MIME 类型
虽然有许多标准化的 MIME 类型，但在某些情况下，开发者可能需要定义自己的 MIME 类型。自定义 MIME 类型通常以 application/x- 开头，后面跟随一个描述性的字符串。
例如，application/x-my-custom-format 可能用于表示一种特定应用所使用的非标准文件格式。
总结
理解 MIME 类型对于确保文件在网络上的正确传输和解释至关重要。无论是服务器端配置、前端开发还是用户交互设计，正确使用 MIME 类型都能提升用户体验并确保系统的兼容性和稳定性。
