Canvas引入跨域的图片导致toDataURL()报错的问题的解决

来源：动视网责编：小OO 时间：2020-11-27 15:04:13

经过了解，需要在图片首次引用时，设置crossOrigin字段。然后再次运行。发现图片首次载入时，不显示了。控制台报错如下：【最终解决方法】；登录腾讯云COS，找到这个储存桶，设置“跨域访问CORS”。（其他PHP/JAVA服务器同理）。再次测试：图片显示成功，图片上传成功。

推荐度：

点击下载本文 文档为doc格式

导读经过了解，需要在图片首次引用时，设置crossOrigin字段。然后再次运行。发现图片首次载入时，不显示了。控制台报错如下：【最终解决方法】；登录腾讯云COS，找到这个储存桶，设置“跨域访问CORS”。（其他PHP/JAVA服务器同理）。再次测试：图片显示成功，图片上传成功。

经过了解，需要在图片首次引用时，设置crossOrigin字段：

然后再次运行。发现图片首次载入时，不显示了。。

控制台报错如下：

【最终解决方法】

登录腾讯云COS，找到这个储存桶，设置“跨域访问CORS”。（其他PHP/JAVA服务器同理）

再次测试：图片显示成功，图片上传成功。

推荐度：

点击下载本文 文档为doc格式

标签：图片解决问题