H5 File 对象获取 Input type=file 文件详细信息

H5 File 对象概述

1、文件上传表单如下所示:method 必须是 post、enctype 必须是 multipart/form-data 类型、如果是多文件上传,则在 type=file 中加上 multiple 属性。

2、需要知道的是:“每一个 type=file 的 input 都是一个 File 对象数组 ”。(注意 File 是 DOM 对象)

3、File 对象从控制台输出的效果如下:

lastModified :最后一次修改时间(毫秒数)
lastModifiedDate : 最后一次修改日期
name :文件名
type :文件类型(需要注意的是,它并不能完全识别出所有文件类型)
size :文件大小  ,单位 字节。

accept 属性过滤文件类型

1、accept 属性仅适用于 <input type=”file”>,它规定了可通过文件上传提交的文件类型。

2、提示:请不要将该属性作为您唯一的验证工具,应该在服务器上对文件上传进行验证。

3、语法:<input accept=”value”>,value 是一个或多个文件格式,多个时用 “,” 隔开,如 “.png,.jpg,.gif”,不区分大小写。

 

原文:https://blog.csdn.net/wangmx1993328/article/details/89180837


发表评论

电子邮件地址不会被公开。 必填项已用*标注