Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像上的CORS不工作_Javascript_Html_Web_Html5 Canvas_Cors - Fatal编程技术网

Javascript 图像上的CORS不工作

Javascript 图像上的CORS不工作,javascript,html,web,html5-canvas,cors,Javascript,Html,Web,Html5 Canvas,Cors,我有一个服务器为图像服务,我需要能够在HTML5画布中操作图像。我将CORS头添加到图像服务器,并使用标记在HTML中引用图像。但是,当客户端获取标记中的图像时,图像服务器不会返回CORS头,除非我在浏览器上按Ctrl-F5。我在标记中添加了crossorigin=anonymous,但仍然不起作用。我做错了什么?是的,我感觉到了你的痛苦,因为我经历了同样的问题。你能看见吗 并按照说明进行操作,因为我使用此处描述的方法解决问题。特别是使用下面的代码 // make sure the load e

我有一个服务器为图像服务,我需要能够在HTML5画布中操作图像。我将CORS头添加到图像服务器,并使用标记在HTML中引用图像。但是,当客户端获取标记中的图像时,图像服务器不会返回CORS头,除非我在浏览器上按Ctrl-F5。我在标记中添加了crossorigin=anonymous,但仍然不起作用。我做错了什么?

是的,我感觉到了你的痛苦,因为我经历了同样的问题。你能看见吗

并按照说明进行操作,因为我使用此处描述的方法解决问题。特别是使用下面的代码

// make sure the load event fires for cached images too
if ( img.complete || img.complete === undefined ) {
    img.src = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
    img.src = src;
}

你在使用asp.net还是什么?不,是纯HTML5/Javascript。映像服务器目前是AWS S3,但我也尝试过tomcat。可能是缓存问题。我首先在第1页显示图像,然后当用户单击图像时,它会将它们带到第2页进行编辑。我只在第2页设置了crossorigin=“anonymous”。在第1页添加crossorigin=“anonymous”后,它似乎已经解决了我的问题。