在 cloudinary 中设置标题以避免污染画布答案

【问题标题】：set headers in cloudinary to avoid tainted canvas在 cloudinary 中设置标题以避免污染画布
【发布时间】：2015-06-05 18:41:07
【问题描述】：

我正在用 javascript 为客户端制作一个简单的绘图应用程序，用 php 来保存和加载。该应用程序托管在 heroku 上，保存的图片托管在 cloudinary 上。当应用程序从 cloudinary 加载保存的图片并将其绘制在画布上时，画布会因为跨域而受到污染。我正在使用 cloudinary php-API 来保存图像

\Cloudinary\Uploader::upload($canvasToDataUrl, array("public_id" => $saveName));

我尝试使用几种不同的语法在选项数组中添加一行，例如

, "headers" => "Access-Control-Allow-Origin:*"

我认为 API 不支持此标头，支持的标头是“链接”和“X-Robots-Tag”。

有没有办法强制我保存的图片具有标题“Access-Control-Allow-Origin:*”？

【问题讨论】：

标签： php canvas cross-domain cloudinary

【解决方案1】：

您可以通过安全控制台设置允许的来源：https://cloudinary.com/console/settings/security

如下：

【讨论】：

【解决方案2】：

Cloudinary 返回 Access-Control-Allow-Origin: * 标头，因此它应该适用于 CORS。这是一个演示 Canvas 中 Cloudinary 图像使用的示例： https://jsfiddle.net/137ptoja/

对于使用 toDataURL 方法，请注意，当从 HTTPS 页面请求 HTTP URL 时，CORS 不允许这样做。此外，如果该域有 cookie，则该请求不会被视为匿名，因此会被阻止。

这是一个例子： https://jsfiddle.net/taragano/td0eLafc/

【讨论】：