file控件选择上传文件确定后触发的js事件是哪个

JavaScript08

file控件选择上传文件确定后触发的js事件是哪个,第1张

file控件选择上传文件确定后触发的js事件是onchange事件。

file控件:

<input type = "file" id = "idName" multiple = "multiple">

document.getElementById("idName").file//返回的是fileList对象。

fileList对象的常用方法有name(文件名称)、type(文件类型)、size(文件大小)、lastModefiedDate(文件的最后修改时间)等

默认情况下,选择文件为单选,但是加上multiple属性之后,即可以多选。

此处的multiple属性,只写”multiple”或者是写成”multiple=’multiple’”这种形式都是可以,这点类似于autofocus,loop这类属性。个人习惯写成multiple=’multiple’这种格式。

此外,file控件还有accept属性,用于指定选择文件类型。

1、定义一个Html文件,编写file控件。

2、在html文件中增加js代码,监听File控件。

3、这样就可以看到预览页面效果。

4、上面的上传文件比较复杂,可以用jquery更简便的方法。

5、点击选择文件按钮,进行选择文件,这样file控件选择上传文件确定后就可以触发js事件了。