H5之⽂件上传(input-file)
<input type="file" id="file"> 就是⼀个⽂件上传框
1.值——value
这个⽂件输⼊框的value值就是已经选择⽂件的路径。如果⽤户选择了多个⽂件,则value表⽰他们选择的⽂件列表中的第⼀个⽂件。
单个及多个⽂件的value都只打印第⼀个选择的⽂件:
2.属性
(1)accept
accept属性是⼀个字符串,它定义了⽂件 input 应该接受的⽂件类型。这个字符串是⼀个以逗号为分隔的唯⼀⽂件类型说明符列表。由于给定的⽂件类型可以⽤多种⽅式指定,因此当你需要给定格式的⽂件时,提供⼀组完整的类型指定符是⾮常有⽤的。
例如,有许多⽅法可以识别 Microsoft Word ⽂件,所以接受 Word ⽂件的站点可以使⽤⼀个<input>:
<input type="file" id="docpicker" accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
(2)capture
(3)files
FileList对象每个已选择的⽂件。如果multiple属性没有指定,则这个列表只有⼀个成员。
控制台打印files属性如下:
包含了⽂件的名称、⼤⼩、类型创建时间等
(4)multiple
⽂件可多选(只读属性)属于input属性
3.限制可接收的⽂件类型
详细内容查看
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论