form 在上传文件时用enctype字段有什么用处

当我们需要在HTML中上传文件时，需要使用form标签，并设置其enctype属性。这个属性的作用就是告诉服务器我们上传的数据是什么类型。如果我们不设置它，浏览器默认是以application/x-www-form-urlencoded格式提交数据，这种格式只适合提交普通的表单信息，而不适用于文件上传。所以我们需要通过设置enctype属性告诉服务器要以multipart/form-data格式提交数据，以便服务器能正确的处理文件上传。

下面是两个示例说明：

示例一：

<form action="upload.php" enctype="multipart/form-data" method="post">
  <label for="file">上传文件：</label>
  <input type="file" name="file" id="file">
  <input type="submit" name="submit" value="上传">
</form>

在上面的示例中，我们设置了form标签的enctype属性为multipart/form-data，告诉服务器我们要上传文件，并且添加了一个文件上传的input标签，name属性设置为file。当我们上传文件并点击提交按钮后，表单数据会以multipart/form-data格式提交给服务器。服务器会解析这个格式，并且处理上传的文件。

示例二：

<form action="upload.php" method="post">
  <label for="username">用户名：</label>
  <input type="text" name="username" id="username">
  <label for="avatar">上传头像：</label>
  <input type="file" name="avatar" id="avatar">
  <input type="submit" name="submit" value="上传">
</form>

在上面的示例中，我们同样添加了一个文件上传的input标签，name属性设置为avatar，同时也添加了一个普通的text输入框。当我们上传文件并点击提交按钮后，表单数据同样会以multipart/form-data格式提交给服务器，但是普通的text输入框的数据也会被包含进去。这样我们就可以一起提交多个不同类型的数据给服务器了。