即使启用了通过 JavaScript 加载的图像，也会向我抛出 CORS 错误

Posted 2023-03-04

【中文标题】即使启用了通过 JavaScript 加载的图像，也会向我抛出 CORS 错误

【英文标题】：Images loaded through JavaScript are throwing me CORS errors even though it's enabled

【发布时间】：2014-02-13 07:48:41

【问题描述】：

我正在使用 PaintbrushJS 为通过 JS 加载的跨域图像着色，但每次尝试时，我都会在 Chrome 中收到警告：Cross-origin image load denied by Cross-Origin Resource Sharing policy. 我有适当的 CORS 标头和crossOrigin="anonymous"图片。

事情是这样的，如果我将 <img> 的 src 硬编码到 html 中，我仍然会收到错误，但着色确实有效，这让我相信一旦通过 JS 加载图像，它会再次受到污染。奇怪的是，我可以将这些“重新污染”的图像放到画布上并从中读取，而不会出现任何跨域警告。

知道如何解决这个问题吗？

【参考方案1】：

事实证明，如果图像上有crossOrigin="anonymous" 属性，如果图像没有返回正确的 CORS 标头，浏览器将不会喜欢它。