从浏览器将文件上传到另一个域的最佳方法是什么？ [关闭]

Question

我正在为某个社交网络创建预定帖子的网络服务。
需要帮助处理高流量下的文件上传。

流程概览：

• 用户将文件上传到 SomeServer（不是我的）。
• SomeServer 然后以 JSON 字符串响应。
• 我的网络应用应该存储 JSON 响应。

选项 1：保存、cURL POST、删除 tmp
stupid 我让它工作的方式：

1. 用户将文件上传到 MyWebApp；
2. MyWebApp cURL 将文件进一步发送到 SomeServer，获取响应。

选项 2：JS 魔法
完美的智能方式：

1. 用户从 iFrame 中将文件直接上传到 SomeServer；
2. MyWebApp 通过 JavaScript 获取响应。

但这（？）由于“同源政策”是不可能的，不是吗？

选项 3：nginx 代理？
生产服务器的更好方法：

1. 用户将文件上传到 MyWebApp；
2. nginx拦截文件上传，直接发送到SomeServer；
3. JSON 响应也会被 nginx 截获并由 MyWebApp 处理。

这有什么意义吗？例如，/fileupload Location 的 nginx 配置是什么，以将其代理到 SomeServer？

Answer 1

我只能看到解决此问题的两种主要方法：服务器端代理和 javascript/客户端跨站点上传。你的方法1 和3 是一回事。您是否使用 cURL 或 nginx 发布文件并不重要 - 无论如何都不是性能方面的。因此，如果您已经从您的问题中实施了方法1，我认为没有任何理由切换到3。

关于 javascript 和同源策略，似乎有很多方法可以实现您的目标，但在所有这些方法中，您的方案必须得到 SomeServer 的开发人员的支持，或者您必须具有某种访问权限某服务器。以下是可能的大致列表：

• CORS——必须允许您的域访问 SomeServer 的域；
• Changing document.domain——这要求您的页面和目标页面托管在同一域的子域上；
• 使用 Flash 上传器（例如 SWFUpload）——仍然需要通过跨域策略允许您的域，如果是 Flash，则通过 SomeServer 域的根目录中的 crossdomain.xml；
• xdcomm（例如EasyXDM）——要求您至少可以将一个html页面上传到目标域。然后，此页面可用作您使用 SomeServer 的 iframe 操作的 javascript 代理。

实际上，最后一个可能对您来说是真正的可能性，因为您可以将文件上传到 SomeServer。但是，当然，这取决于它是如何实现的——例如，如果有另一个域提供文件，或者如果有一些安全措施不允许您托管 html 文件，它可能无法正常工作。

Answer 2

我没有服务器可以用来代替 SomeServer 来测试我的建议，但无论如何我都会试一试。如果我错了，那我猜你只需要use Flash (sample code from VK)。

如何使用 iFrame 将文件上传到 SomeServer，接收 JSON 响应，然后使用 postMessage 将 JSON 响应从 iFrame 传递到您网站的主窗口。据我了解，这几乎就是最初创建postMessage 的动机。

总的来说，我正在考虑 like this 或 YUI's io() module 但添加了 postMessage 以绕过相同的来源政策。

或者在 VK 的情况下，using their explicit iFrame support。在我看来，您可以向全局 VK 对象添加一个方法，然后使用 VK.callMethod() 从 VK 源域调用该方法。您可以使用该解决方法创建一个可以从隐藏 iFrame 读取响应的函数。

所以你使用 VK.api('photos.getUploadServer', ...) 来获取 POST URL。

然后您使用 JS 插入该 URL 作为您用于上传文件的 FORM 的操作。按照io() docs 和complete 函数中“以HTML 表单上传文件”下的示例，使用postMessage 将JSON 发送回您的父窗口。见example and docs here。 （如果它不适用于io()，如果我对VK.callMethod() 的看法是正确的，您当然可以使用roll-your-own 示例代码使其工作。）

然后响应postMessage，您可以使用常规AJAX 将JSON 响应上传回您的服务器。