javascript - Vintage.js：远程图像

Question

插件仅将过滤器应用于我服务器上的文件，但使用远程图像：

Unable to get image data from canvas because the canvas has been tainted by cross-origin data.

如何解决？

Answer 1

您收到的错误是浏览器内置安全机制的一部分，可防止黑客使用远程数据来操纵网站。你无法绕过它（如果可以的话，这将是一个重大的安全漏洞，浏览器制造商会很快修复它）

为了证实这一点，Vinatge.js 网站上已经提出了相同的问题（作为 github 问题单），Vinatge.js 作者给出的答案是无法加载远程图像。

很抱歉让你失望了。

给出的解决方法是在您自己的服务器上使用代理加载器来加载图像，这样它们就不会作为远程图像提供给站点。

在某些情况下，它实际上是可能的。可以将远程服务器配置为允许它。但是，此配置需要在远程服务器上完成，因此如果您无权访问该配置，那么问题仍然存在。