extjs 多文件上传案例代码

extjs | 2019-09-13 10:02:39

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属性是支持所有浏览器的。

登录后即可回复 登录 | 注册
    
关注编程学问公众号