如何跨域上传图片(支持所有浏览器和移动浏览器)?

时间:2017-02-17 19:15:09

标签: javascript jquery mobile upload cors

我已经创建了API,可以帮助开发人员将图像上传到他们的虚拟文件夹。我已经完成了所有工作,但我已经看到跨域上传在尝试使用移动设备时似乎不起作用,我该如何解决这个问题?Deskop版本完美运行但移动设备似乎不起作用。我已经测试了它所使用的相同域名但是如果它是跨域域则开始不起作用,并且失败。

注意:我测试过CORS但是只能在桌面而不是移动设备上工作,我知道在这种情况下我无法使用jsonp,因为我上传了图像而jsonp无法完成。如果Cors不是sollution如何创建跨浏览器,移动支持的上传过程?

示例: http://newtimebox.com/demos/OOS_engine_API/upload.php,它适用于桌面,但在移动设备上失败

控制台说问题是XMLHttpRequest cannot load http://api.newtimebox.com/Controller/upload.php?connect_key=‌​tmp873ap_k958a7…7b9f‌​a25591dc4a472e74aeb1‌​cd89fe590b558a73a72a‌​982b58a73a72a986158a‌​73a72a9896. Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header contains multiple values '*, http://www.newtimebox.com', but only one is allowed. Origin 'http://www.newtimebox.com' is therefore not allowed access. but I have just wrote one line which header Access-Control-Allow-Origin *

1 个答案:

答案 0 :(得分:0)

我找不到跨浏览器解决方案但是我发现了我的问题解决方案,我得到了上述错误,因为我从我的子域调用了该方法(它很奇怪)。如果我从http://example.com调用它可行但是如果我从http://www.example.com调用它无法正常工作