enctype= multipart/form-data - HTML

当我们在HTML表单中上传文件时，必须使用enctype= multipart/form-data属性，以告诉服务器我们正在上传文件。此属性告诉浏览器将表单数据编码为多部分消息以支持文件上传。

语法

<form action="url" method="post" enctype="multipart/form-data">
  <input type="file" name="file">
  <input type="submit" value="Upload">
</form>

属性解释

• enctype：指定在发送表单数据之前应该如何对其进行编码。当表单包含文件上传时，这个属性必须设置为 multipart/form-data。

代码含义

这段代码将在表单提交时向服务器发送一个文件，例如图片、音频或视频文件。

• <form> 标签表示表单的开始，其中action指定了表单数据将发送到的URL，method 指定了HTTP请求的方法为 POST，enctype 指定了数据的传输方式（multipart/form-data）。
• <input>元素用于在表单中设置各种输入控件，其中type="file"表示这是一个用于上传文件的控件，name="file"是文件上传控件的名称。
• 元素的type="submit"表示表单提交按钮。

注意事项

• enctype="multipart/form-data"的值不能少，也不能写错，否则上传的内容会出现问题。
• <form>元素的method属性必须设置为POST方法才能上传文件。

参考资料

• MDN Web文档 - enctype属性