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事件了。