我正在使用Blueimp 的 jQuery 文件上传插件 http://blueimp.github.io/jQuery-File-Upload/将图像上传到服务器。问题是，发送服务器是admin.example.com，并且存储图像的接收服务器位于www.example.com。相同的域，不同的子域。
我跟着有关设置跨域上传的说明 https://github.com/blueimp/jQuery-File-Upload/wiki/Cross-domain-uploads#cross-site-xmlhttprequest-file-uploads，就代码而言，一切似乎都是正确的，但是当我尝试上传图像时，出现此错误：
XMLHttpRequest cannot load http://www.example.com/upload/. Origin http://admin.example.com is not allowed by Access-Control-Allow-Origin.
上传文件夹具有读写权限。
我将在下面发布我的代码 - 如果有人可以告诉我如何解决这个问题，请告诉我。我之前曾问过这个问题，并打算尝试一些其他解决方案（iframe 上传和 ftp 文件移动）。这些都不适合我的情况，如果我能这样做的话，那将是最简单的......
接收服务器
index.php
<?php
header('Access-Control-Allow-Origin: http://admin.example.com'); //I have also tried the * wildcard and get the same response
header("Access-Control-Allow-Credentials: true");
header('Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: Content-Type, Content-Range, Content-Disposition, Content-Description');
?>
<?php
error_reporting(E_ALL | E_STRICT);
require('UploadHandler.php');
$upload_handler = new UploadHandler();
发送服务器
main.js
$(function () {
'use strict';
// Initialize the jQuery File Upload widget:
$('#fileupload').fileupload({
// Uncomment the following to send cross-domain cookies:
xhrFields: {withCredentials: true},
url: 'http://admin.example.com/upload/',
disableImageResize: false,
dropZone: $('#dropzone'),
imageMaxWidth: 1800,
imageMaxHeight: 1800,
});
});
我再次尝试了 iframe 文件上传，所以请不要建议它，除非你能给我完整的工作代码......
我也尝试过header('Access-Control-Allow-Origin: *');但遇到同样的错误...我试图在周末之前完成此任务，因此我将不胜感激我能得到的任何帮助。 :)
Thanks!
编辑：这是失败的 OPTIONS 请求的响应标头
Allow:OPTIONS, TRACE, GET, HEAD, POST
Content-Length:0
Date:Tue, 27 Aug 2013 15:08:29 GMT
Public:OPTIONS, TRACE, GET, HEAD, POST
Server:Microsoft-IIS/7.5
X-Powered-By:ASP.NET
