EXT.js4.0上传文件
时间: 2023-06-22 11:31:05 浏览: 69
EXT.js 4.0 提供了 `Ext.form.Panel` 组件用于上传文件,可以通过配置项 `fileUpload` 来启用文件上传功能。
以下是一个简单的示例:
```javascript
Ext.create('Ext.form.Panel', {
title: '文件上传',
width: 400,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [{
xtype: 'filefield',
name: 'file',
fieldLabel: '选择文件',
labelWidth: 100,
msgTarget: 'side',
allowBlank: false,
buttonText: '浏览...'
}],
buttons: [{
text: '上传',
formBind: true,
handler: function() {
var form = this.up('form').getForm();
if (form.isValid()) {
form.submit({
url: 'upload.php',
waitMsg: '正在上传文件...',
success: function(form, action) {
Ext.Msg.alert('成功', action.result.msg);
},
failure: function(form, action) {
Ext.Msg.alert('失败', action.result.msg);
}
});
}
}
}]
});
```
在上述代码中,我们创建了一个 `Ext.form.Panel` 组件,并在其中添加了一个 `Ext.form.field.File` 组件,用于选择要上传的文件。在按钮的点击事件中,我们获取了表单对象,并调用了 `submit()` 方法提交表单。在 `submit()` 方法中,我们指定了文件上传的 URL 和上传成功、失败的回调函数。
需要注意的是,上传文件时需要服务器端支持文件上传功能,具体实现方式可以参考后端语言或框架的相关文档。