Content-Type是HTTP协议中的一个header字段，用于指定请求或响应体的格式类型。Content-Type由MIME类型和字符集构成，常见的Content-Type类型按照MIME（Multipurpose Internet Mail Extensions）标准分为以下几种。

1. text/plain

text/plain是纯文本，可以包含ASCII码和Unicode文本，没有样式和格式。常用于文本文件、博客、电子邮件等文本内容传输。例如：

Content-Type: text/plain; charset=utf-8

2. text/html

text/html是HTML文档，可以包含HTML标签、CSS样式和JavaScript脚本，用于展示网页内容。例如：

Content-Type: text/html; charset=utf-8

3. text/css

text/css指定了CSS文档的内容类型。例如：

Content-Type: text/css; charset=utf-8

4. application/javascript

指定了JavaScript脚本的内容类型。例如：

Content-Type: application/javascript; charset=utf-8

5. application/json

application/json表示JSON（JavaScript Object Notation）格式的数据。JSON是一种轻量级的数据交换格式，易于阅读和写入。例如：

Content-Type: application/json; charset=utf-8

6. application/xml

application/xml表示XML（Extensible Markup Language）格式的数据。XML是一种可扩展的标记语言，被广泛用于数据存储和传输。例如：

Content-Type: application/xml; charset=utf-8

7. application/octet-stream

application/octet-stream是二进制文件类型，通常用于文件上传和下载。例如：

Content-Type: application/octet-stream

8. multipart/form-data

multipart/form-data用于HTML表单数据的上传。上传的数据被分成多个部分，每个部分都有自己的Content-Type头信息。例如：

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

其实还有很多content-type类型，例如图片类型（image/jpeg, image/png等）、音频类型（audio/mpeg, audio/ogg等）、视频类型（video/mp4, video/ogg等）等等。

### Content-Type的使用方法

在HTTP请求头或响应头中添加Content-Type字段并指定对应的类型。例如：

请求头：

GET /index.html HTTP/1.1

Host: www.example.com

Content-Type: application/json; charset=utf-8

响应头：

HTTP/1.1 200 OK

Content-Type: text/html; charset=utf-8

Content-Length: 182

### Content-Type的案例说明

1. 返回JSON数据

使用Content-Type: application/json; charset=utf-8指定响应体的格式类型，返回JSON格式的数据。

```javascript

const http = require('http');

const server = http.createServer((req, res) => {

res.writeHead(200, {'Content-Type': 'application/json; charset=utf-8'});

const data = {

name: 'John',

age: 30,

email: 'john@example.com'

};

const json = JSON.stringify(data);

res.end(json);

});

server.listen(3000, () => {

console.log('Server is running at http://localhost:3000');

});

```

2. 上传文件

使用Content-Type: multipart/form-data指定请求体的格式类型，在HTML表单中添加元素，即可上传文件。

```html

```

```javascript

const http = require('http');

const formidable = require('formidable'); //处理表单数据

const server = http.createServer((req, res) => {

if (req.method === 'POST' && req.url === '/upload') {

const form = new formidable.IncomingForm();

form.parse(req, (err, fields, files) => {

if (err) {

res.end('上传失败');

return;

}

res.end(JSON.stringify(files));

});

} else {

res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});

res.end(`

`);

}

});

server.listen(3000, () => {

console.log('Server is running at http://localhost:3000');

});

```

3. 返回HTML页面

使用Content-Type: text/html; charset=utf-8指定响应体的格式类型，返回HTML网页。

```javascript

const http = require('http');

const server = http.createServer((req, res) => {

res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});

res.end(`

Hello World

`);

});

server.listen(3000, () => {

console.log('Server is running at http://localhost:3000');

});

```

### 总结

Content-Type是HTTP协议中的一个重要header字段，指定请求或响应体的格式类型。常见的Content-Type类型按照MIME标准分为text/plain、text/html、text/css、application/javascript、application/json、application/xml、application/octet-stream和multipart/form-data等。在实际开发中，通过Content-Type可以方便地处理各种数据格式和内容类型，提高数据传输的效率和安全性。 如果你喜欢我们三七知识分享网站的文章， 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔！https://www.37seo.cn/