使用来自另一个域的带有 url 的“保存到驱动器”按钮

Question

我正在尝试使用 Google 的“保存到驱动器”按钮从另一个域上传图像 url。所以 google 告诉我需要包含以下特殊 HTTP headers.

Access-Control-Allow-Origin: *
Access-Control-Allow-Headers：范围
Access-Control-Expose-Headers: Cache-Control, Content-Encoding, Content-Range

有人知道如何在我的项目中包含这个 headers 吗？

我从 https://developers.google.com/drive/web/savetodrive

获得这些信息

<!DOCTYPE html>
<html>
<head>
    <title>Save to Drive Demo: Basic Page</title>
    <link rel="canonical" href="http://www.example.com">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
</head>
<body>
<div class="g-savetodrive"
     data-src="http://www.thehindu.com/multimedia/dynamic/02503/cat_2503938f.jpg"
     data-filename="Cat.jpg"
     data-sitename="My Company Name">
</div>
</body>
</html>

Answer 1

您需要在服务器端添加header Access-Control-Allow-Origin: * 以启用cross-domain 通信；您可以将“*”替换为特定域，这样只有该域才能访问该资源。浏览器将放置 Origin:（这不受用户控制），它始终是有效 CORS 请求所必需的。当服务器允许 cross-domain 通信时，它将以正确的 header Access-Control-Allow-Origin: * 响应。在收到 header 后，浏览器将从服务器收到的数据发送给请求的 XMLHttpRequest object。如果能够使用 CORS，则必须注意您使用的浏览器。这是对使用 CORS 有帮助的 link，它还包括用于 CORS 请求的基本 javascript。

使用来自另一个域的带有 url 的“保存到驱动器”按钮

Use Save to drive button with an url from another domain

javascript

iframe

cross-domain

google-drive-api