EXTJS7 跨域文件上传

路过君

发布于 2020-06-19 16:44:58

1K0

发布于 2020-06-19 16:44:58

文章被收录于专栏：路过君BLOG from CSDN路过君BLOG from CSDN

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

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

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

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';
	        }
...

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2020-05-07 ，如有侵权请联系 cloudcommunity@tencent.com 删除

ajax