2、添加渲染完组件后事件;
,supportMultFn: function($this){
//2.1 为input添加支持多文件选择属性
var typeArray = ["application/x-shockwave- flash","audio/MP3","image/*","flv-application/octet-stream"];
var fileDom = $this.getEl().down('input[type=file]');
fileDom.dom.setAttribute("multiple","multiple");
fileDom.dom.setAttribute("accept",typeArray.join(","));
}
,listeners: {
afterrender: function(){
//2.2 渲染后重写
this.supportMultFn(this);
},
change: function(){
//2.3 获取文件列表
var fileDom = this.getEl().down('input[type=file]');
var files = fileDom.dom.files;
var fileArr = [];
for(var i = 0; i
fileArr.push((i+1)+"、文件名:"+files[i].name+",类型:"+files[i].type+",大小:"+files[i].size/1024+"KB");
}
alert(fileArr.join("\n\n"));
//files[0].name / files[0].type / files[0].size
//2.4 选择完后input会还原美迪网,所以还需要再次重写
this.supportMultFn(this);
}
}