http的 content-type都有哪些?

HTTP请求中的Content-Type是用来指定请求或者响应的内容类型,告诉浏览器或者相关设备如何显示或处理加载的数据,此属性的值可以查看MIME(Multipurpose Internet Mail Extensions,多用途互联网邮件扩展)的类型。

如果设置在请求头中,则定义的是请求体的数据类型;

如果设置在响应头中,则定义的是响应体的数据类型;

请求头--Request-Headers :一般我们在 post 请求中会向服务器发送一些参数,那我们就可以通过这个参数设置 post 的参数格式

application/json:JSON 数据格式;

application/x-www-form-urlencoded:表单默认的提数据格式;

multipart/form-data:一般用于文件上传;

响应头--Response-Headers:响应头里的 Content-Type 参数会告诉我们响应数据的格式,一般我们可以在请求头里面设置我们想要的数据格式(Accept);

句法:

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

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

上面列的两个Content-Type是通用的句法结构:

1)text/html,是指请求的media-type,他分为两个部分type和subtype,以"/"进行分割; 常见的type有:

Text:用于标准化地表示的文本信息,文本消息可以是多种字符集和或者多种格式的;

Multipart:用于连接消息体的多个部分构成一个消息,这些部分可以是不同类型的数据;

Application:用于传输应用程序数据或者二进制数据;

Message:用于包装一个E-mail消息;

Image:用于传输静态图片数据;

Audio:用于传输音频或者音声数据;

Video:用于传输动态影像数据,可以是与音频编辑在一起的视频数据格式。

常见的media-type有:

text/html

application/x-www-form-urlencoded

application/json

multipart/form-data

application/xml

text/plain

text/css

text/javascript

2)charset:是指定字符编码的标准,常见的有"ISO-8859-1"、"UTF-8"、"GB2312","ASCII"等;

3)boundary:多用于上传文件时使用,用于分割数据;

一些常见类型

text/html:HTML格式。

text/plain:纯文本格式。

text/xml:XML格式。

image/gif:GIF图片格式。

image/jpeg:JPEG图片格式。

image/png:PNG图片格式。

application/xhtml+xml:XHTML格式。

application/xml:XML数据格式。

application/atom+xml:Atom XML聚合格式。

application/json:JSON数据格式。

application/pdf:PDF格式。

application/msword:Word文档格式。

application/octet-stream:二进制流数据(如常见的文件下载)。

audio/x-wav:WAV文件格式。

audio/x-ms-wma:WMA文件格式。

audio/mp3:MP3文件格式。

video/x-ms-wmv:WMV文件格式。

video/mpeg4:MP4文件格式。

video/avi:AVI文件格式。

相关推荐
BullSmall43 分钟前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹1 小时前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder1 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy2 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_2 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行2 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github
几道之旅3 小时前
websocket.WebSocketApp是全双工的吗?
网络·websocket·网络协议
坚持学习前端日记3 小时前
个人网站从零到盈利的成长策略
前端·程序人生
CamilleZJ3 小时前
eslint+prettier
前端·eslint·工程化·prettier
web小白成长日记3 小时前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js