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(){}
})//没有什么特别需要注意的