extjs 多文件上传,超级简单实现方法
先上我自定义多文件上传组件的案例,拿去不谢
Ext.define('app.common.MultipleFileField', { extend: 'Ext.form.field.File', alias: 'widget.multipleFileField', buttonText:"选择文件", buttonOnly:true, listeners:{ afterRender:function (cmp, eOpts) { this.fileInputEl.dom.setAttribute('multiple',true); }, change:function (cmp, value, eOpts) { var files=this.fileInputEl.dom.files; //读取所有选中的文件名称显示出来,我这里是用一个表格显示出来了的 } } });
实现原理就是html中input type file本来就有multiple这个选项,可是在fileuploadfield等组件中没有找到,所有就在渲染后加上multiple属性就可以多选了,然后选中文件后,用files读出选的文件名字显示在表格中。
multiple 和 files属性是支持所有浏览器的。