Extjs关于获取上传文件的格式和文件名

Extjs通过filefield方式上传文件如下：

Ext.create('Ext.form.Panel', {
title: 'Upload a Photo',
width: 400,
bodyPadding: 10,
frame: true,
renderTo: Ext.getBody(),
items: [{
xtype: 'filefield',
name: 'photo',
fieldLabel: 'Photo',
labelWidth: 50,
msgTarget: 'side',
allowBlank: false,
anchor: '100%',
buttonText: 'Select Photo...'
}],


buttons: [{
text: 'Upload',
handler: function() {
var form = this.up('form').getForm();
if(form.isValid()){
form.submit({
url: 'photo-upload.php',
waitMsg: 'Uploading your photo...',
success: function(fp, o) {
Ext.Msg.alert('Success', 'Your photo "' + o.result.file + '" has been uploaded.');
}
});
}
}
}]
});

默认value显示的路径如：C:\fakepath\text.excel，现在需要获取该文件的类型及名字，并在textfield中显示，首先在textfield中显示filefield中value可以使用如下：Ext.getCmp('id').setValue('');，要获得文件类型，需要拆分C:\fakepath\text.excel，我们以“.”作为拆分的手段如：

var arr = value.split('.');

var fileExtenstion = arr[arr.length-1];

Ext.getCmp('id').setValue( fileExtension );

就能获得当前的文件类型，即获得“excel”，文件名也是如此如下：

var arr = value.split('\\');

var fileName = arr[arr.length-1];

var arr = fileName.split('.');

arr.pop();

Ext.getCmp('id').setValue(  arr );

就能获得当前的文件名了。

有个小点要注意就是“\”只写一个斜杠代码是识别不了的，JS要写两个，但不同的代码对斜杠要求是不同的，下面是个例子：

regex为\\\\，因为在java中\\表示一个\，而regex中\\也表示\，所以当\\\\解析成regex的时候为\\。