文件上传的multipart/form-data属性，你理解了吗

form表单经常用于前端发送请求，比如：用户填写信息、选择数据、上传文件，对于不同的场景，上传数据的格式也会有些区别。

action

action 表示该请求的 url 地址，定义在form上，请求的URI，可以写完整，也可以以斜线开头，会自动拼接域名端口号。

本地通过 nodejs 在8000端口起了一个服务，当 button 的 type 为 submit 时，点击后会默认发送请求。

<form action="http://127.0.0.1:8000">
       账号： <input name="username">
       密码：<input name="password">
       <button type="submit">提交</button>
</form>

在浏览器中表单就是这样显示的，在账号密码的输入框中分别输入内容

点击提交按钮时，会将输入的内容自动拼接在 action 参数之后

method

method 属性规定了此次 HTTP 请求的方法。

GET 参数直接拼接在 url 后面，默认的形式
POST 参数放在请求体中

<form action="http://127.0.0.1:8000" method="post">
       账号： <input name="username">
       密码：<input name="password">
       <button type="submit">提交</button>
 </form>

当使用POST请求时，填写信息点击提交按钮，参数不再拼接到 url 后面，而是放到 body 中，仍然以 & 拼接。

enctype

enctype 决定着POST请求时，请求体的编码方式。

application/x-www-form-urlencoded 不写时默认属性，用&分隔参数，用=分隔键和值，字符用URL编码方式进行编码，GET请求和POST请求都可用
multipart/form-data 多用于文件上传，用于POST请求

 <form action="http://127.0.0.1:8000" method="post" enctype="multipart/form-data">
       昵称：<input name="nickname">
       头像：<input type="file" name="photo">
       <button type="submit">提交</button>
</form>