【发布时间】:2013-08-28 21:50:34
【问题描述】:
我知道之前有人问过这个问题,但我尝试过的一切似乎都不起作用......我正在使用 BlueImp 的jQuery File Upload,我需要进行跨域上传(来自admin.cookingwiththecooks.net 到 wwwdev.cookingwiththecooks.net)
我已经查看了如何操作,这是我的 index.php 标头(在接收服务器上)
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS');
header('Access-Control-Allow-Headers: *');
在我看来是正确的...
当我去上传文件时,我得到这个错误:
XMLHttpRequest 无法加载 http://wwwdev.cookingwiththecooks.net/。 Access-Control-Allow-Origin 不允许来源http://admin.cookingwiththecooks.net。
显然标题有问题。谁能帮我这个?如果需要更多信息,请告诉我...
顺便说一句,上传文件夹确实具有写入权限。谢谢!
编辑:我现在正在考虑为此使用 iframe 的可能性...
这是我的 Javascript 代码,你能确定我这样做是正确的吗?
$('#new-recipe-form').fileupload({
forceIframeTransport: true,
url: 'http://wwwdev.cookingwiththecooks.net/',
disableImageResize: false,
dropZone: $('#dropzone'),
imageMaxWidth: 1800,
imageMaxHeight: 1800,
});
$('#new-recipe-form').fileupload(
'option',
'redirect',
'http://admin.cookingwiththecooks.net/recipes/result.html?%s'
);
我确实创建了result.html,据我了解,它应该是空白的...?
再次感谢!
【问题讨论】:
-
有机会获得真实的网址吗?
-
我认为最好的方法是简单地将表单提交到针对子域的隐藏 iframe。
-
此外,您甚至可以使用 postmessages 轻松接收响应数据。这是一个简短的教程:davidwalsh.name/window-iframe
-
@KevinB 现在我收到错误“空文件上传结果”。为了清楚起见,这是我看到的关于使用 iframe 的链接。 github.com/blueimp/jQuery-File-Upload/wiki/…
-
@KevinB 在上面看到我更新的代码...
标签: php jquery upload cross-domain