我想从画布使用DataUrl()导出谷歌驱动器图像。要使用canvas创建启用CORS的图像,我在img标记中添加了cross =“anonymous”属性。
<img crossOrigin="anonymous" src="https://drive.google.com/uc?id=0By1uZFYMEbpuSFlFa1h5Y2o0a1k&export=download" id="media_img" />
但它显示错误
从'https://drive.google.com/uc?id=0By1uZFYMEbpuSFlFa1h5Y2o0a1k&export=download'重定向到'https://doc-0g-ac-docs.googleusercontent.com/docs/securesc/ha0ro937gcuc7l7deffksulhg5h7mbp1/rn783m94dmuq387i8t74c2cse5pfvoti/1526457600000/05627031542031468169/ * / 0By1uZFYMEbpuSFlFa1h5Y2o0a1k?e = download'已被CORS政策阻止:请求中没有'Access-Control-Allow-Origin'标头资源。因此,不允许原点“http://localhost:8002”访问。
答案 0 :(得分:0)
出于开发目的,您可以使用此cors-proxy https://cors-anywhere.herokuapp.com
但是它很慢而且很不稳定-因此对于生产代码,您应该设置允许CORS的简单文件服务器,或者设置自己的允许CORS的代理服务器。 (以下代码段很慢,您需要等待一段时间才能看到img)
<img crossOrigin="anonymous" src="https://cors-anywhere.herokuapp.com/https://drive.google.com/uc?id=0By1uZFYMEbpuSFlFa1h5Y2o0a1k&export=download" id="media_img" width=250 />