HTML DOM Input - File 对象

在 web 开发中，<input /> 元素是用于创建各种表单控件的标准方式之一。其中，<input /> 元素的 type 属性为 "file" 时，可以创建一个文件上传控件。用户可以通过点击该控件来选择本地文件并上传到服务器。

属性

• accept: 指定一个或多个文件类型，用逗号分隔。例如，accept="image/*" 表示只能上传图片文件。
• capture: 指定文件的来源，可以是用户的相机、录音机等设备。可选值有 "camera"、"microphone" 等。
• multiple: 指定是否允许用户上传多个文件。如果设置为 true，则用户可以选择多个文件进行上传。

事件

• change: 当用户选择文件并点击确认后触发该事件，可以通过该事件获取用户选择的文件信息。

示例代码

<input type="file" accept="image/*" multiple>

上述代码创建了一个文件上传控件，限定只能上传图片文件，并允许用户选择多个文件进行上传。

注意事项

• 文件上传控件涉及用户隐私和安全，开发者在处理上传文件时要谨慎处理，防止文件上传漏洞。
• 根据不同浏览器的兼容性，可能会出现样式上的差异，开发者需要进行相应的样式调整和兼容性处理。