Conten-type的应用

Content-Type

实体头部用于指示资源的MIME类型 media type 。 Content-Type 实体头部用于指示资源的MIME类型 media type 。

设置格式

类型格式：type/subtype(;parameter)? type

样例
Content-Type:application/json;charset=GBK  
复制代码

type 主类型：任意的字符串，如text，若是是*号表明全部；

subtype 子类型：任意的字符串，如html，若是是*号表明全部；

parameter 可选：一些参数，如Accept请求头的q参数， Content-Type的 charset参数。

常见的媒体格式类型以下：

text/html ： HTML格式
text/plain ：纯文本格式      
text/xml ：  XML格式
image/gif ：gif图片格式    
image/jpeg ：jpg图片格式 
image/png：png图片格式
复制代码

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

application/xhtml+xml ：XHTML格式
application/xml     ： XML数据格式
application/atom+xml  ：Atom XML聚合格式    
application/json    ： JSON数据格式
application/pdf       ：pdf格式  
application/msword  ： Word文档格式
application/octet-stream ：二进制流数据（如常见的文件下载）
application/x-www-form-urlencoded ：<form encType=””>中默认的encType，form表单数据被编码为key/value格式发送到服务器（表单默认的提交数据的格式
复制代码

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

multipart/form-data ：须要在表单中进行文件上传时，就须要使用该格式
复制代码

以上就是咱们在平常的开发中，常常会用到的若干content-type的内容格式。

---

angularJS 文件上传 ——Multipart/form-data

var uploadFile=document.querySelector("#uploadFile").files[0];
//jquery获取$("#uploadFile").prop("files")[0];
var formData = new FormData();
formData.append('fileTypeId', fileType);//其余须要上传的字段
formData.append('file', uploadFile);//文件
 $http({
           url:ex.websitemonitor+"files/upload",
           method:"post",
           headers: {'Content-Type': undefined},//使用angular上传必定要加上这一句，否则传给后台的是空的。
           data: formData,
        }).success(function (result) {}
复制代码

为何要使用配置'Content-Type': undefined？

首先是由于angularJS默认的Content-Type是application/json，因此要本身设置来覆盖默认的application/json，不只要设置为multipart/form-data，并且参数 boundary 也是必需的, 参考：developer.mozilla.org/zh-CN/docs/…

设置boundary是一件麻烦的事情，能够交给浏览器去作，设置为 'Content-Type': undefined？ 可让浏览器自动识别到类型以及boundary边界

ajax上传文件

var uploadFile=document.querySelector("#uploadFile").files[0];
//jquery获取$("#uploadFile").prop("files")[0];
var formData = new FormData();
formData.append('fileTypeId', fileType);//其余须要上传的字段
formData.append('file', uploadFile);//文件
$.ajax({
    url:"",
    type:"post",
    data:formData,
    success:function(){},
    error:function(){}
    })//没有什么特别须要注意的
复制代码

---

参考文献：blog.csdn.net/isxixi/arti…