HTML <input type=”file”>

<input type=”file”> 是 HTML 表单中的一个元素，它允许用户选择一个或多个文件上传到服务器。通常与表单元素 <form> 和提交按钮 <input type="submit"> 一起使用。

使用方法

使用 <input type=”file”> 时，需要在表单元素中添加 enctype="multipart/form-data" 属性，以便支持文件上传。该属性的值指定了提交表单时，浏览器要使用哪种 MIME 类型来编码表单数据。

<form method="POST" enctype="multipart/form-data">
  <label for="file-upload">上传文件：</label>
  <input type="file" name="file-upload" id="file-upload">
  <input type="submit" value="提交">
</form>

属性

<input type=”file”> 元素有以下属性：

• accept：定义可以上传的文件类型，值为 MIME 类型或文件扩展名的列表，例如 accept=".jpg,.jpeg,.png,image/*"。
• capture：指定通过设备摄像头、麦克风或其他设备捕获的内容，如 capture="camera"。
• multiple：允许用户上传多个文件，如 multiple。

兼容性

<input type=”file”> 元素的兼容性并不完美，不同的浏览器和操作系统对其支持不同。

• Chrome 浏览器支持 accept 属性和多文件上传。
• Firefox 浏览器支持 accept 属性和多文件上传。
• Safari 浏览器仅支持 accept 属性。
• IE 浏览器（包括 Edge）不支持 accept 属性和多文件上传。

注意事项

• 上传的文件大小通常有限制，可以通过 max_file_size 属性来设置最大文件大小，例如 max_file_size="102400" 表示最大允许上传 100 KB 的文件。
• 下载上传的文件时，服务器需要处理文件上传，实现方式有多种，例如 PHP 的 move_uploaded_file 函数和 Python 的 Flask 库。

以上是 <input type=”file”> 的介绍。详细资料可以参考 MDN Web 文档。