实现方式
使用 Ext JS 进行 AJAX 调用以传递文件通常涉及到创建一个 FormData
对象,将文件附加到这个对象中,然后通过 Ext JS 的 AJAX API 发送这个对象。
基本步骤
以下是使用 Ext JS 发送文件的基本步骤:
-
准备文件和数据: 首先需要获取到要传递的文件
-
创建 FormData 对象: 创建 FormData 实例,并添加文件和任何需要一起发送的其他数据。
-
使用 Ext.Ajax 或 Ext.form.action.Submit 发送请求: 根据需要选择合适的方法发送请求,FormData 将作为请求的一部分发送。
示例
- 通过fileuploadfield 添加一个文件选择的Ext JS的组件
- 通过
var fileInput = fileFiled.fileInputEl.dom;
获取原生的 file input DOM 元素 - 通过
fileInput.files[0]
获取选中的第一个文件对象 - 使用
var formData = new FormData();
创建一个FormData对象 - 使用
formData.append('myfile', file);
添加文件
完整的代码如下:
{xtype: 'form',title: 'Ajax上传文件',items