14

我正在尝试解决对 WebGL 应用程序的 CORS 限制。我有一个解析 URL 并返回图像的 Web 服务。由于此 Web 服务未启用 CORS，因此我无法将返回的图像用作纹理。

我打算：

  1. 编写一个 PHP 脚本来处理图像请求
  2. 图像请求将通过查询字符串作为 url 参数发送

PHP 脚本将：

  1. 使用查询字符串 url 调用 Web 服务
  2. 获取图像响应（Web 服务返回内容类型：图像响应）
  3. 将 CORS 标头 (Add Access-Control-Allow-Origin) 添加到响应中
  4. 将响应发送到浏览器

我尝试使用包括 CURL、HTTPResponse、plain var_dump 等在内的各种技术来实现这一点，但在每种技术中都陷入了困境。

所以我有两个问题：

  1. 方法是否足够好？
  2. 考虑到这种方法已经足够好了：

我在 CURL 方面取得了最大的进步。我可以通过以下方式获取图像标题和数据：

$ch = curl_init();
$url = $_GET["url"];
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_HEADER, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type:image/jpeg'));

//Execute request 
    $response = curl_exec($ch);

//get the default response headers 
    $headers = curl_getinfo($ch);

//close connection 
    curl_close($ch);

但这实际上并没有改变将响应内容类型设置为 image/jpeg。它将标头 + 响应转储为内容类型 text/html 的新响应，并在浏览器中显示标头和图像 BLOB 数据。

如何让它以我想要的格式发送响应？

4

2 回答 2

15

结果证明，最简单的方法就是答案。只需在发送响应之前插入标题。

    $ch = curl_init();
    $url = $_GET["url"];
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_HEADER, false);

//Execute request 
    $response = curl_exec($ch);

//get the default response headers 
    header('Content-Type: image/jpeg');
    header("Access-Control-Allow-Origin: *");

//close connection 
    curl_close($ch);
    flush();
于 2012-10-16T22:58:10.020 回答
7

确保 Apache（如果您使用的是 Apache）在使用所有带有标题的东西之前加载了mod_headers 。

（以下提示适用于 Ubuntu，不知道其他发行版）

你可以检查加载的模块列表

apache2ctl -M

启用 mod_headers 你可以使用

a2enmod headers

当然，在 Apache 中进行任何更改后，您必须重新启动它：

/etc/init.d/apache2 restart

在此之后尝试将此行添加到您的 .htaccess，或者当然使用 php 标头

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

PHP：

header("Access-Control-Allow-Origin: *");
于 2013-12-08T11:38:55.977 回答