文件基本信息

文件名称:{{file.name}}

文件大小:{{file.size}}

文件类型:{{file.type}}

修改时间:{{file.lastModified}}

解析信息

音频时长:{{audioInfo.nextTickInfo.duration}}

解析信息

视频时长:{{videoInfo.nextTickInfo.duration}}

视频宽高:{{videoInfo.nextTickInfo.videoWidth}}*{{videoInfo.nextTickInfo.videoHeight}}

解析信息

图片宽高:{{imgInfo.nextTickInfo.naturalWidth}}*{{imgInfo.nextTickInfo.naturalHeight}}

是否可以被JSON.parse:{{jsonInfo.isJSON}}

{{jsonInfo.pre}}

解析信息

{{textInfo}}

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input/file

accept 如果该元素的 type 属性的值是file,则该属性表明了服务器端可接受的文件类型;否则它将被忽略。该属性的值必须为一个逗号分割的列表,包含了多个唯一的内容类型声明:

capture

Introduced in the HTML Media Capture specification and valid for the file input type only, the capture attribute defines which media—microphone, video, or camera—should be used to capture a new file for upload with file upload control in supporting scenarios. See the file input type.

capture 属性是一个字符串,如果 accept 属性指出了 input 是图片或者视频类型,则它指定了使用哪个摄像头去这些数据。值 user 表示应该使用前置摄像头和/或麦克风。值 environment 表示应该使用后置摄像头和/或麦克风。如果缺少此属性,则 user agent 可以自由决定做什么。如果请求的前置模式不可用,则用户代理可能退回到其首选的默认模式。 Note: capture 以前是一个布尔类型的属性,如果存在,则请求使用设备的媒体捕获设备(如:摄像机),而不是请求一个文件输入。

multiple

This Boolean attribute indicates whether the user can enter more than one value.这个属性指示用户能否输入多个值。这个属性仅在type属性为email或file的时候生效 ; 否则被忽视.

webkitdirectory

This Boolean attribute indicates if the selector used when the type attribute is filehas to allow for the selection of directories only.一个布尔值,表示是否仅允许用户选择一个目录(或多个目录,如果 multiple 也出现的话)

微信公众号-前端linong