如何使用xtype filefield(extjs4.1.0)限制文件类型?
我正在尝试使用ExtJS4.1.0实现文件上传功能。然而,我想限制用户只选择图像文件(jpg、png、gif)。是否有任何可以应用的过滤器,以便用户只能查看并选择上述文件的类型 有关自定义类型的示例,请参见验证类型。您也可以使用regexp来指定alphaMask。您也可以这样做:如何使用xtype filefield(extjs4.1.0)限制文件类型?,extjs,extjs4.1,Extjs,Extjs4.1,我正在尝试使用ExtJS4.1.0实现文件上传功能。然而,我想限制用户只选择图像文件(jpg、png、gif)。是否有任何可以应用的过滤器,以便用户只能查看并选择上述文件的类型 有关自定义类型的示例,请参见验证类型。您也可以使用regexp来指定alphaMask。您也可以这样做: { xtype: 'filefield', buttonText: '....', listeners:{ afterrender:fu
{
xtype: 'filefield',
buttonText: '....',
listeners:{
afterrender:function(cmp){
cmp.fileInputEl.set({
accept:'image/*' // or w/e type
});
}
}
}
regex添加了客户端验证,可以对您计划执行的任何表单或操作进行表单绑定。您正在查看哪个版本的文档?在检查ExtJS4.2文档后,我在filefield组件中看到afterrender事件:该方法自ExtJS3.4.0以来就存在。我没有找到它(我在sencha的文档中搜索了它,而不是Ext),这是我看到的文档
{
xtype: 'fileuploadfield',
name: 'file',
fieldLabel: 'Photo',
labelWidth: 50,
allowBlank: false,
buttonText: 'SelectPhoto',
anchor: '100%',
reset: function () {
var me = this,
clear = me.clearOnSubmit;
if (me.rendered) {
me.button.reset(clear);
me.fileInputEl = me.button.fileInputEl;
me.fileInputEl.set({
accept: 'image/*'
});
if (clear) {
me.inputEl.dom.value = '';
}
me.callParent();
}},
listeners:{
change: 'fileInputChange',
afterrender:function(cmp){
cmp.fileInputEl.set({
accept:'image/*'
});
}
},
regex: /(.)+((\.png)|(\.jpg)|(\.jpeg)(\w)?)$/i,
regexText: 'Only PNG and JPEG image formats are accepted'
}