Ext JS+Spring Boot 使用Ajax方式上传文件
实现方式
使用 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