本文摘自PHP中文网，作者jacklove，侵删。
一、<form></form> 在进行文件提交的说明之前，我们先来回顾一下form标签。form有很多属性，在这里我仅说明以下两个属性：
1、method （enctype为‘application/x-www-form-urlencoded’的情况）
大多数情况只会用到GET和POST。
①GET：在使用GET进行表单提交时， 用户代理（浏览器）会自动按照name=value对每一个input组件进行处理（对name和value分别使用encodeURIComponent进行编码，然后使用‘=’连接编码后的键值对，多个键值对之间使用‘&’进行连接）从而产生一个查询字符串，连接在url的后面。
②POST:POST同样会生成一个和GET一样的字符串，只不过这个字符串是在http请求头中写入的，而不是加到url的后面。
两者主要区别：
GET提交数据的大小有限制，一般是2kb，而POST理论上没有限制（不过实际大小在2GB左右）。
2、enctype
上面提到，form表单的默认值为‘application/x-www-form-urlencoded’,这就是enctype的三个值的其中之一，接下来我们详细讨论一下这三个值。
①application/x-www-form-urlencode：表单提交的默认值，POST和GET对应的行为在上面已经讨论过，这里不再赘述；
②text/plain: 取这个值时，表单的值将不会进行编码，而是使用纯文本的方式提交到后台server，这个值基本没人用，因为在进行文件的提交时，不能提供对二进制数据的良好支持。
③multipart/form-data: 当enctype使用该选项时，浏览器将不会对字符进行编码，取而代之的是：以控件（input等）为单位进行分割，为每个控件加上Content-Disposition:form-data、name(input对应的name)，filename（如果提交的是文件会有改字段），以及Content-Type（和上一个字段相同，提交文件时存在）：文件类型（很容易伪造）。并且还会加上boundary（分隔符，不同浏览器不同，每次提交也不同）
最终这些信息会被整合到一起，编码为一条消息提交到server（二进制数据形式）。
需要注意的是：由于主要的用途是进行文件的上传，对上传的大小有一定要求，所以method只能选择为POST，若使用GET进行上传，则只会提交文件的一个假路径。
该选项是上传文件时必须使用的选项，将enctype设置为"multipart/form-data"后就可以使用<input type="file">进行文件上传了，下面是一个demo示例：
<form action="server.js" method="POST" enctype="multipart/form-data">
<input type="file" name="file0">
<input type="submit" value="upload">
</form>
除了使用form表单进行文件的提交，平常更多的是无刷新页面的ajax，下面来看看如何使用ajax无刷新提交文件！
相关阅读 >>
更多相关阅读请进入《form、FormData》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
