inputtype=file标签详解
使⽤type="file"的元素使得⽤户可以选择⼀个或多个元素以的⽅式上传到服务器上，或者通过 Javascript 的对⽂件进⾏操作。
除了被所有元素共享的公共属性，file类型的 input 还⽀持下列属性：
属性说明
⼀个或多个描述允许的⽂件类型
捕获图像或视频数据的源
列出了已选择的⽂件
布尔值，如果出现，则表⽰⽤户可以选择多个⽂件
属性是⼀个字符串，它定义了⽂件 input 应该接受的⽂件类型。这个字符串是⼀个以逗号为分隔的列表。由于给定的⽂件类型可以⽤多种⽅式指定，因此当你需要给定格式的⽂件时，提供⼀组完整的类型指定符是⾮常有⽤的。
例如，有许多⽅法可以识别 Microsoft Word ⽂件，所以接受 Word ⽂件的站点可以使⽤⼀个<input>：
<input type="file" id="docpicker"
accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document">
属性是⼀个字符串，如果属性指出了 input 是图⽚或者视频类型，则它指定了使⽤哪个摄像头去这些数据。值user表⽰应该使⽤前置摄像头和/或麦克风。值environment表⽰应该使⽤后置摄像头和/或麦克风。如果缺少此属性，则可以⾃由决定做什么。如果请求的前置模式不可⽤，则⽤户代理可能退回到其⾸选的默认模式。
Note: capture以前是⼀个布尔类型的属性，如果存在，则请求使⽤设备的媒体捕获设备（如：摄像机），⽽不是请求⼀个⽂件输⼊。
对象每个已选择的⽂件。如果属性没有指定，则这个列表只有⼀个成员。
当指定布尔类型属性 , ⽂件 input 允许⽤户选择多个⽂件。
唯⼀⽂件类型说明符是⼀个字符串，表⽰在file类型的元素中⽤户可以选择的⽂件类型。每个唯⼀⽂件类型说明符可以采⽤下列形式之⼀：
⼀个以英⽂句号（"."）开头的合法的不区分⼤⼩写的⽂件名扩展名。例如：.jpg，.pdf或.doc。
⼀个不带扩展名的 MIME 类型字符串。
字符串audio/*，表⽰“任何⾳频⽂件”。
字符串video/*，表⽰ “任何视频⽂件”。
字符串image/*，表⽰ “任何图⽚⽂件”。
accept属性的值是⼀个包含⼀个或多个（⽤逗号分隔）这种唯⼀⽂件类型说明符的字符串。例如，⼀个⽂件选择器需要能被表⽰成⼀张图⽚的内容，包括标准的图⽚格式和 PDF ⽂件，⼤概是这样的：
<input type="file" accept="image/*,.pdf">
通常，你不希望⽤户能够选择任意类型的⽂件；相反，你通常希望它们选择特定类型的⽂件。例如，如果你的⽂件输⼊让⽤户上传个⼈资料图⽚，您可能希望他们选择 Web 兼容的图像格式，如或。
可以⽤属性指定可接受的⽂件类型，它是⼀个以逗号间隔的⽂件扩展名和 MIME 类型列表。⼀些例⼦：
html input type属性accept="image/png"或accept=".png" — 接受 PNG ⽂件。
accept="image/png, image/jpeg"或accept=".png, .jpg, .jpeg" — 接受 PNG 或 JPEG ⽂件。
accept="image/*" — 接受带有⼀个image/* MIME 类型的任何⽂件。（许多移动设备也允许⽤户在使⽤它时⽤摄像头拍照。）
accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" — 接受 MS Word ⽂档之类的任何⽂件。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。