Javascript 带有CORS的Ajax进度条

在本地服务器上，我的上载文件和进度条按预期工作。当我上传到我们的测试服务器（使用CORS进行上传）时，XHR进度回调会导致一些CORS问题

XMLHttpRequest无法加载。对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问控制允许来源”标头。因此，不允许对源“”进行访问。

我们已经在服务器上启用了CORS和ajax请求，这是让上传跨源工作所必需的，但是关于XHR字段的某些内容导致它抛出该错误

$.ajax({
url:chatOptions.siteRoot+'obfuscating ISPartOfUrl/controller？参数='+user.RoomName，
数据：数据，
enctype:“多部分/表单数据”，
processData:false，
contentType:false，
键入：“POST”，
xhrFields：{
withCredentials:chatOptions.useCors
},
跨域：chatOptions.useCors，
xhr：函数（）{
var xhr=new window.XMLHttpRequest（）；
xhr.withCredentials=xhr.useCresidences=chatOptions.useCors；
xhr.crossDomain=chatpoptions.useCors；
//上传进度
xhr.upload.addEventListener（“进度”，函数（evt）{
if（evt.长度可计算）{
var percentComplete=evt.loaded/evt.total；
//对上传进度做些什么
log（“上传是”+数学整数（完成百分比*100）+%完成”）；
var elem=document.getElementById（“上传进度条”）；
elem.style.width=数学四舍五入（完成百分比*100）+'%'；
document.getElementById（“上载进度条”）.innerHTML=Math.round（完成百分比*100）+'%'；
}
}，假）；
返回xhr；
},
成功：功能（结果）{
document.getElementById（“文件上传输入”）.value=“”；
控制台日志（结果）；
如果（结果=“成功”）
chat.server.sendDownload（file.name，file.size）；
$（“#文件上载输入”）.hide（）；
$（“#文件上载输入标签”）.hide（）；
$（'#上载进度div'）.hide（）；
},
错误：功能（xhr、状态、p3、p4）{
var err=“Error”+“”+状态+“”+p3+“”+p4；
if（xhr.responseText&&xhr.responseText[0]==“{”）
err=JSON.parse（xhr.responseText）.Message；
控制台日志（err）；
}
})；