MIME类型

MIME类型，也叫媒体类型。用来定义一个文档/文件/字节流的性质和格式。

大小写不敏感，但是一般都是小写。

通用格式如下：

type/subType
// 其中type是主类型，分为单独类型和复合类型两种。
// 单独类型（根据文件分类）有：text（普通文本）、application（二进制数据）、image（图片）、video（视频）、audio（音频）
// 复合类型：multipart（一般指FormData类型的表单提交）

常见的MIMIE类型

1. type为text

1. text/css  

表明文件类型为css文件

<link type="text/css" href="xxxx" rel="stylesheet">

2. text/babel

表明js内容使用了JSX语法

<script type="text/babel"></script>

3. text/html

指定文件类型是html文件

// 如在请求头中
Accept: text/html

4. text/plain

默认文本类型

// 如在请求头中
Accept: text/plain

2. type为application

1. application/json

ajax请求中,指定数据类型是json格式,并希望服务器返回格式也是json

fetch(url, {
  method: 'POST',
  headers: {
      Accept: 'application/json',
      Content-Type: 'application/json'
  }
})

2. application/javascript

指定文件类型是js文件或者包含代码是js代码

<script type="application/javascript" src="xxx"></script>

3. application/x-www-form-urlencoded

使用<form>进行表单提交（都是POST）时，浏览器默认添加请求头

ajax请求的传参类型为URLSearchParams对象的实例时，默认添加请求头

Content-Type: application/x-www-form-urlencoded;charset=UTF-8

3.  type为image类型

根据图片类型进行分类，如果在一次请求中同时允许，示例如下：

Accept: image/gif,image/jpeg,image/png,image/svg+xml

4. type为video类型

1. video/ogg

视频类型为OGG视频文件格式

2. video/webm

为WebM视频文件格式

 

5. type为audio类型

1. audio/webm

2. audio/ogg

3. audio/wav,audio/wave

6.type为multipart类型

1. multipart/form-data

当请求体数据为FormData类型时，浏览器自动添加

Content-Type: multipart/form-data; boundary=----WebkitFormBoundary3KWtj3sWJo2vHR8O

设置表单提交的enctype为该值后，请求头Content-Type由默认值改为👆的值

2. multipart/byteranges

说明返回的响应报文是部分内容，状态码对应206Partial Content。

该类型用于指出这个文件由若干部分组成，每个部分对应各自的Content-Type和Content-Range

HTTP/1.1 206 Partial Content
Accept-Ranges: bytes
Content-Type: multipart/byteranges; boundary=3d6b6a416f9b5
Content-Length: 385

--3d6b6a416f9b5
Content-Type: text/html
Content-Range: bytes 100-200/1270

 

来源：https://www.cnblogs.com/lyraLee/p/12014494.html