Canvas toDataURL同一原始图像的安全性错误

时间:2014-02-18 11:47:47

标签: javascript php html5 canvas todataurl

我正在为我的网络应用使用html5画布。为了摆脱画布安全错误,我在我的php服务器上重新下载跨源图像,并通过我的网站URL在画布上获取它。

例如我正在使用http://myapp.com:8888/mapper?url=http://othersite.com/image.jpg

我的PHP代码:

    $url = $this->input->get('url');

    header('Access-Control-Allow-Credentials:true');
    header('Access-Control-Allow-Headers:origin, authorization, content-type);
    header('Access-Control-Allow-Methods:GET, POST, PUT, DELETE, OPTIONS');
    header("Access-Control-Allow-Origin: *");
    header('Access-Control-Max-Age:1000');
    header('Content-type: image/jpeg;');

    $a = file_get_contents($url);
    echo $a;

即使我试图通过我的服务器URL加载图像并添加此access-control-allow标头,当我调用canvas.toDataURL()时会出现安全错误;

我正在使用http://myapp.com:8888作为url,因为我在localhost中测试它。它会导致错误吗?

0 个答案:

没有答案