Ext JS+Spring Boot 使用Ajax方式上传文件

实现方式

使用 Ext JS 进行 AJAX 调用以传递文件通常涉及到创建一个 FormData 对象，将文件附加到这个对象中，然后通过 Ext JS 的 AJAX API 发送这个对象。

基本步骤

以下是使用 Ext JS 发送文件的基本步骤：

1. 准备文件和数据: 首先需要获取到要传递的文件

2. 创建 FormData 对象: 创建 FormData 实例，并添加文件和任何需要一起发送的其他数据。

3. 使用 Ext.Ajax 或 Ext.form.action.Submit 发送请求: 根据需要选择合适的方法发送请求，FormData 将作为请求的一部分发送。

示例

1. 通过fileuploadfield 添加一个文件选择的Ext JS的组件
2. 通过var fileInput = fileFiled.fileInputEl.dom; 获取原生的 file input DOM 元素
3. 通过fileInput.files[0] 获取选中的第一个文件对象
4. 使用 var formData = new FormData(); 创建一个FormData对象
5. 使用 formData.append('myfile', file);添加文件

完整的代码如下：

{
        xtype: 'form',
        title: 'Ajax上传文件',
        items