【问题标题】:Image Color Picker - HTML5 Canvas Security Errors?图像颜色选择器 - HTML5 Canvas 安全错误?
【发布时间】:2012-12-18 10:50:49
【问题描述】:

我正在尝试将这个东西用于跨域图像:http://www.script-tutorials.com/demos/158/index.html

但同源策略阻止我使用 http://en.wikipedia.org/wiki/Same_origin_policy

抛出的错误:

有什么方法可以将图像颜色选择器与外部图像一起使用?

【问题讨论】:

  • 为什么不直接将图像下载到服务器并使用它们?
  • 因为我不想将它们托管在此服务器上 - 这是 WPMU 安装,其中 100 个用户必须共享 1 个图像。复制 100 份是没有意义的。

标签: javascript html canvas same-origin-policy


【解决方案1】:

要为您的图像启用 CORS(跨源资源共享),请传递带有图像响应的 HTTP 标头:

访问控制允许来源:*

如果您无法在图像服务器上更改它,则将该图像复制到您的其中一台服务器。

如果服务器支持 JSONP,您也可以使用它。

【讨论】:

  • 这是一个很好的解决方案,但我决定让 PHP 脚本下载外部图像 :) 两者似乎都很好。
【解决方案2】:

查看this plugin。这有点像 hack,但是当你做一些标准不认可的事情时,这就是你所期望的。

【讨论】:

  • 我在几分钟前才看到这个,但我的演示在 Firefox 和 Chrome 中都不起作用 :)
  • @Paul 你目前在哪个国家,如果我可以问的话? :)
  • 波兰,欧洲 - 它说 503 Service Unavailable,所以它可能在该地区被禁用。我想我必须在这种情况下传递 Canvas 元素并改用其他解决方案 - 我见过 Javascript 选择器 - 它有效,但速度很慢。
  • @Paul 显然该应用程序已超过其quota。所以是的,您确实必须使用另一种解决方案。
猜你喜欢
  • 2015-05-23
  • 2014-04-21
  • 1970-01-01
  • 2016-12-27
  • 2014-12-17
  • 2018-10-13
  • 1970-01-01
  • 2021-04-23
  • 1970-01-01
相关资源
最近更新 更多