file - 在 extjs 中监听 Filefield 的变化

Question

我想在文件更改时听。但它不起作用

{
            xtype: 'filefield',
            id: 'form-file',
            fieldLabel: 'Photo',
            name: 'photo-path',
            buttonText: '',
            buttonConfig: {
                iconCls: 'upload-icon'
            },
            listeners: {
                  'change': function(this, value){
                        alert('change');
                  }
            }
}

Answer 1

你不能用 Extjs 的文件字段来做

我有解决办法。

示例：http: //jsfiddle.net/e3M3e/e8V7g/

var itemFile = null;
Ext.create('Ext.panel.Panel', {
    title: 'Hello',
    width: 400,
    html: "<input id='inputFile' type='file' name='uploaded'/>",
    renderTo: Ext.getBody(),
    listeners: {
        afterrender: function() {
            itemFile = document.getElementById("inputFile");            
            itemFile.addEventListener('change', EventChange, false);
        }
}
});

function EventChange(e){    
    var files = itemFile.files;
    console.log(files);
}

Answer 2

我找到了解决方案：功能更改必须是：

change: function(f,new_val) { alert(new_val); }