EXTJS 使用Ajax跨域上传文件

问题描述：现有一台ast服务器需要本地客户上传铃声，作为等待铃声使用；ast服务与本地tomcat服务不在一个服务器上面

上传文件的组件:

{xtype: 'filefield',id: 'id_filefield',name: 'myfile',width: 250,labelAlign: 'right',fieldLabel: '等待铃声',buttonText: '上传附件',anchor: '100%'},

事件：

{                    xtype: 'button',                    text: '   保   存   ',                    itemId: 'updateBtn',                    handler: function (btn) {                        var form = this.up('panel').down('form');                        var fileEl = Ext.getCmp('id_filefield').fileInputEl.dom;                        var fd = new FormData();                        fd.append('myfile', fileEl.files[0]);                        Ext.Ajax.request({                            url: 'http://119.29.188.243/web/operation_upfile.php',//这里是填写需要跨域访问的URL                            cors: true,                            useDefaultXhrHeader: false,                            method: 'post',                            rawData: fd,                            async: false,                            headers: {                                "Origin:": 'http://119.29.188.243',//这里是填写需要跨域访问的URL Origin字段用来说明，本次请求来自哪个源                                "Access-Control-Allow-Origin": 'http://ast.erp.tm',//这里是填写需要跨域访问的URL                                "Access-Control-Allow-Credentials": true,                                "Content-Type": 'multipart/form-data'  //文件上传的格式，                             },                            success: function (res, opts) {                                var text = res.responseText;                                var status = text.substring(0, text.indexOf("|"));                                var msg = text.substring(text.lastIndexOf("|") + 1);                                if (status.indexOf("1") != -1) {                                    var fileName = text.substring(text.indexOf("|") + 1, text.lastIndexOf("|"));                                    form.down('#attachments').setValue(fileName);                                    //Ext.getCmp('id_filefield').hide();                                    //form.down('#attachments').show();                                }                                Ext.example.msg('提示', msg);                            },                            failure: function (res, opts) {                                var text = res.responseText;                                var msg = text.substring(text.lastIndexOf("|") + 1);                                Ext.example.msg('提示', msg);                                flag = true;                            }                        });                        var gatewayList = [];                        var sipInfoList = [];                        var gatewayFieldSet = form.down('#gatewayGroups');                        var sipInfoFieldSet = form.down('#sipInfoGroups');                        for (var i = 0; i < gatewayFieldSet.items.length; i++) {                            var con = gatewayFieldSet.items.getAt(i);                            var values = {                                id: con.down('#gatewayId').getValue(),                                cellnumber: con.down('#cellnumber').getValue() + ""                            };                            gatewayList.push(Ext.JSON.encode(values));                        }                        for (var i = 0; i < sipInfoFieldSet.items.length; i++) {                            var con = sipInfoFieldSet.items.getAt(i);                            var values = {                                id: con.down('#sipInfoId').getValue()                            };                            sipInfoList.push(Ext.JSON.encode(values));                        }                        form.getForm().submit({                            url: 'sipGroupinsert',                            method: 'post',                            async: false,                            params: {                                'gatewayListJson': gatewayList,                                'sipInfoListJson': sipInfoList                            },                            success: function (form, action) {                                if (action.result.success) {                                    SIPGroupStore.reload();                                }                                if (action.result.msg) {                                    Ext.example.msg('提示', action.result.msg);                                }                            }                        });                    }                },

error:

XMLHttpRequest cannot load http://***/web/operation_upfile.php. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://client.runoob.com' is therefore not allowed access.
在访问的服务端，也就是ast服务器中，修改访问的php代码，添加
header('Access-Control-Allow-Origin:*');//允许所有域名访问
或者
header('Access-Control-Allow-Origin:http://client.runoob.com');//允许单个域名访问

其它服务器后台语言类似


如果时java后台的话添加：
getResponse().setHeader("Access-Control-Allow-Origin", "*");//允许跨域访问