JavaScript同源策略对动态图像加载的影响

Question

如果JavaScript具有相同的源策略,这是否意味着我无法动态加载来自不同域的图像？

Answer 1

不,相同的原始政策不适用于<img>标签.

还有其他值得注意的例外,其中一些在维基百科文章中有所描述.他们包括:

同源策略适用于将图像加载到HTML5画布元素中,但这是它应用于图像的唯一方式.你可以做document.getElementById('img').src ='http://some.other.domain/foo.jpg'或`var i = new Image(); i.src ='...';`并且没有问题. (3认同)
@Yarin:HTML表单提交,JavaScript/CSS加载和框架也不受SOP的约束.在某些浏览器中,如果第三方服务器使用"Access-Control-Allow-Origin"标头批准它,XMLHttpRequest可以绕过SOP.http://code.google.com/p/browsersec/wiki/Part2#Life_outside_same-origin_rules (2认同)