关于js上传数据时，用什么content-type

1.x-www-form-urlencoded

当action为get时候，浏览器用x-www-form-urlencoded的编码方式把form数据转换成一个字串（name1=value1&name2=value2…），然后把这个字串append到url后面，用?分割，加载这个新的url。

2.multipart/form-data

当action为post时候，浏览器把form数据封装到http body中，然后发送到server。 如果没有type=file的控件，用默认的application/x-www-form-urlencoded就可以了。 但是如果有type=file的话，就要用到multipart/form-data了。浏览器会把整个表单以控件为单位分割，并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息，并加上分割符(boundary)。

image

每一段------WebKitFormBoundaryh2rFWhmmPZSuKvgf--为对应一部分消息

enctype="multipart/form-data"是上传二进制数据;它告诉我们传输的数据要用到多媒体传输协议，由于多媒体传输的都是大量的数据，所以规定上传文件必须是post方法，<input>的type属性必须是file。form里面的input的值以2进制的方式传过去，所以request就得不到值了。传输到你的servlet里是二进制数据，包括那个title，所以你用request.getParameter("title")是得不到值的，必须把数据再换为String的。而struts2里就可以了，因为它自动给你转换了。

---

四种常见的 POST 提交数据方式对应的content-type取值
H5 FormData对象的使用——进行Ajax请求并上传文件