- <input type="file"> 使得用户可以选择一个或多个元素以提交表单的方式上传到服务器上
- 文件 input 的 value 属性包括了一个 DOMString，表示已选择文件的路径。如果用户选择了多个文件，则 value 表示他们选择的文件列表中的第一个文件
|
属性 |
说明 |
|
accept |
一个或多个 唯一文件类型说明符描述允许的文件类型 它定义了文件 input 应该接受的文件类型。这个字符串是一个以逗号为分隔的唯一文件类型说明符列表。由于给定的文件类型可以用多种方式指定，因此当你需要给定格式的文件时，提供一组完整的类型指定符是非常有用的 |
|
capture |
捕获图像或视频数据的源 如果 accept (en-US) 属性指出了 input 是图片或者视频类型，则它指定了使用哪个摄像头去获取这些数据。
注 capture 以前是一个布尔类型的属性，如果存在，则请求使用设备的媒体捕获设备（如：摄像机），而不是请求一个文件输入。
|
|
files |
FileList 列出了已选择的文件，如果 multiple 属性没有指定，则这个列表只有一个成员 |
|
multiple |
布尔值，如果出现，则表示用户可以选择多个文件 |
示例
|
<!DOCTYPE html> <html lang="en">
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
<body> <form method="post" enctype="multipart/form-data"> <label for="file">Choose file to upload</label> <input type="file" id="file" name="file" multiple> </form> </body>
</html>
浏览器运行结果如下： |
来自 <https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/Input/file>