EXTJS7 跨域文件上传

默认的表单提交方式上传文件在跨域时有各种问题

直接使用Ajax提交表单如下：

代码语言：javascript复制

var formData = new FormData(form.element.dom);
Ext.Ajax.request({
   method: 'POST',
   // 注意此处如果不写请求Content-Type默认为text/plain，导致服务无法正确解析数据
   // 设置后请求Content-Type将为multipart/form-data; boundary=... 标识这是一个表单消息
    headers: {"Content-Type": null},
    url: 'xxx',
    rawData: formData,
    disableCaching: true
});

源码

Ext.data.Connection

代码语言：javascript复制

Ext.define('Ext.data.request.Ajax', {
...
	setupHeaders: function(xhr, options, data, params) {
		...
		type = 'Content-Type',
		...
		if (!headers.hasOwnProperty(type) && (data || params)) {
		...
			if (options.rawData) {
	         contentType = 'text/plain';
	        }
...

ajax data 表单 跨域 源码

0 人点赞