你真的了解 content-type 吗?

494 阅读2分钟

1. 什么是 content-type

英文直译过来,就是内容类型。放在页面中,就是定义为网络文件的类型和网页的编码。

浏览器中,按F12(会打开开发者工具),点击Network,在左边的 Name 中选择一个接口点击,可以看到Content-Type。(如图,显示为application/json; charset=utf-8内容类型)

image.png

2. Content-Type 的语法格式

分为两个参数,内容格式;类型格式
如:

Content-Type: application/json
Content-Type: text/html; charset=utf-8
Content-Type: multipart/form-data; boundary=something

3. 常见的 Content-Type

其中,常见的格式类型如下: application/json:JSON数据格式,现在非常流行的格式
application/x-www-form-urlencoded:很常见的一种数据格式,post请求中通常默认是这个
multipart/form-data:上传文件时我们需要用到这个格式
application/xml:XML数据格式
text/html:HTML格式
text/plain:纯文本格式
image/png:png图片格式

更多格式(点击展开) 常见的媒体格式类型如下:
  • image/gif :gif图片格式
  • image/jpeg :jpg图片格式
  • image/png:png图片格式

以application开头的媒体格式类型:

  • application/xhtml+xml :XHTML格式
  • application/atom+xml :Atom XML聚合格式
  • application/pdf:pdf格式
  • application/msword : Word文档格式
  • application/octet-stream : 二进制流数据(如常见的文件下载)

另外一种常见的媒体格式是上传文件之时使用的:

  • multipart/form-data : 需要在表单中进行文件上传时,就需要使用该格式

4. 它的作用

  1. 告诉浏览器怎么处理内容:比如收到的是网页、数据还是其他,浏览器按类型显示或处理。
  2. 确定文字显示方式:说明用哪种编码显示文字,避免出现乱码。
  3. 影响缓存策略:不同类型内容,浏览器决定要不要存起来,下次访问快一点。
  4. 防范安全问题:防止浏览器误处理危险内容,提升安全性。
  5. 处理复杂内容:像文件上传时,帮浏览器区分不同部分数据。

文章小尾巴

文章小尾巴(点击展开)

文章写作、模板、文章小尾巴可参考:《写作“小心思”》
  感谢你看到最后,最后再说两点~
  ①如果你持有不同的看法,欢迎你在文章下方进行留言、评论。
  ②如果对你有帮助,或者你认可的话,欢迎给个小点赞,支持一下~
   我是南方者,一个热爱计算机更热爱祖国的南方人。
  (文章内容仅供学习参考,如有侵权,非常抱歉,请立即联系作者删除。)